Primaries
Neutrals/Grays
Secondaries
Piper Gold
#ffc658
Maru Blue
#1f2233
Slate Blue
#6e7ca0
White
#fafaf8
Pampas
#ebe6e1
Charcoal
#70747c
Paradiso
#5cb8b2
Cosmic
#512a44
Terracotta
#e56a54
Light Slate
#8B96B3
Light Charcoal
#8D9096
Typographic styling for headings, body and other text elements
H0
P22 Underground 600 - 60 px - Line height: 110%
H1
P22 Underground 600 - 45 px - Line height: 110%
H2
P22 Underground 600 - 35 px - Line height: 110%
H3
P22 Underground 500 - 30 px - Line height: 110%
H4
P22 Underground 500 - 25 px - Line height: 110%
H5
P22 Underground 500 - 20 px- Line height: 120%
H6
P22 Underground 600 - 18 px - Line height: 120%
Feature
Paragraph
Feature Paragraph Text
P22 Underground 300 - 2.2 vw - Line height: 140%
Paragraph
Paragraph Text
P22 Underground 400 - 1.4 vw - Line height: 160%
Body Text Styles
Usage Examples
Dark backgrounds: White and Piper Gold text
Light backgrounds: Maru Blue text
Styles for primary and secondary buttons and links
Styles for primary and secondary buttons and links