Greyd.suite

Style Guide

Build and share your design viewing all affected elements.

Primary Color

Secondary Color

Tertiary Color

Very Dark

Dark

Medium Dark

Medium Light

Light

Very Light

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Body

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz1234567890

100 – Thin

200 – Extra Light

300 – Light

400 – Regular

500 – Medium

600 – Semi-Bold

700 – Bold

800 – Extra Bold

900 – Black

Spacing Sizes