Typefaces

Headline

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline
H6 Headline

Body - Large

Body - Small


Text Link - Large

Text Link - Small


Primary Button Large

Primary Button Small

Secondary Button Large

Secondary Button Small

Colors


Primary Colors

Teal
Orange
Purple
Merigold
Cloud
Black

Secondary Colors

Teal 20%
Teal 200%
Purple 20%
Purple 200%
Orange 20%
Orange 200%
Merigold 20%
Merigold 200%

Text & Greyscale Color Palette

Dark Teal
Dark Orange
Dark Purple
Black
Charcoal
Grey
Grey 80%
Grey 50%
Grey 20%
Grey 10%
White

Standard System Color Palette

Red
Green
Magenta
Yellow
Red 10%
Green 10%
Magenta 10%
Yellow 10%

Logos

Dividers, Corners, and Shadows


Light Rule



Dark Rule



Corners

Small Radius
Medium Radius
Larger Radius

Shadows

Light Shadow
Dark Shadow

Grid System

Col. 1
Col. 2
Col. 3
Col. 4
Col. 5
Col. 6
Col. 7
Col. 8
Col. 9
Col. 10
Col. 11
Col. 12