Style guide

Header background when scrolled
Text styles
H1 / heading_style-h1

All H1 Heading

Heading style H1

H2 / heading_style-h2

All H2 Heading

Heading style H2

H3 / heading_style-h3

All H3 Heading

Heading style H3

H4 / heading_style-h4

All H4 Heading

Heading style H4

H5 / heading_style-h5
All H5 Heading
Heading style H5
H6 / heading_style-h6
All H6 Heading
Heading style H5
text-body
Body text
text-body-line
Body text - Line
text-body-sm
Body text small
Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Close-up view of translucent brown and white flower petals with soft lighting.
Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors
White
FFFFFF
Offgrey
F7F7F7
Lighter grey
CFCFCF
Light grey
6E6E6E
Dark grey
3B3B3B
Darker grey
212121
Black
0D0D0D
Error red
FA404B
Buttons
Visit website
Visit website