Styleguide
On this page you’ll find your colors and typography in one place. Pro tip: keep this page open when editing your colors + fonts to see the effects.
Color theme
Color 1:
#F0F3E7
Light backgrounds, text on dark backgrounds
Color 2:
#E4E9D8
Light backgrounds, slightly darker than
color 1
Color 3:
#C76B0F
Call to action, accents
Color 4:
#26320B
Dark backgrounds
Color 5:
#151F00
Dark backgrounds, text on light backgrounds
Lightest 1 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Lightest 2 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Light 1 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Light 2 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Bright 1 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Bright 2 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Dark 1 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Dark 2 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Darkest 1 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading
Darkest 2 color theme
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph 1 text style
Paragraph 2 text style
Paragraph 3 text style
MonospaceEyebrow heading