Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

text styles

Heading xl

regular

Heading lg

regular

Heading md

regular

Heading sm

regular

Heading xs

regular

Text xl

regular

Text lg

regular

Text md

regular

Text sm

regular

Text xs

regular

Text xl

bold

Text lg

bold

Text md

bold

Text sm

bold

Text xs

bold

overline lg

bold

overline md

bold

overline sm

bold

button lg

bold

button md

bold

button sm

bold

Caption text

Handwritten

colors

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

text styles

Heading xl

regular

Heading lg

regular

Heading md

regular

Heading sm

regular

Heading xs

regular

Text xl

regular

Text lg

regular

Text md

regular

Text sm

regular

Text xs

regular

Text xl

bold

Text lg

bold

Text md

bold

Text sm

bold

Text xs

bold

overline lg

bold

overline md

bold

overline sm

bold

button lg

bold

button md

bold

button sm

bold

Caption text

Handwritten

colors

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

text styles

Heading xl

regular

Heading lg

regular

Heading md

regular

Heading sm

regular

Heading xs

regular

Text xl

regular

Text lg

regular

Text md

regular

Text sm

regular

Text xs

regular

Text xl

bold

Text lg

bold

Text md

bold

Text sm

bold

Text xs

bold

overline lg

bold

overline md

bold

overline sm

bold

button lg

bold

button md

bold

button sm

bold

Caption text

Handwritten

colors

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

Green

#7DEDAA

Red

#F56687

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple

#8800FF

Purple Dark

#1300FF

Purple Light

#8800FF

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.