Typography

Heading 1

Heading 1 span text

Heading 2

Heading 2 span text

Heading 3

Heading 3 span text

Heading 4

Heading 4 span text

Heading 5

Heading 5 span text

Heading 6

Heading 6 span text

Body paragraph text example for checking spacing, readability, and line length across breakpoints.

Inline link example

Caption text example for checking spacing, readability, and line length across breakpoints. Quote text example for checking spacing, readability, and line length across breakpoints. Eyebrow text example for checking spacing, readability, and line length across breakpoints.

Buttons

Primary Dark Primary Light Secondary Dark Secondary Light Tertiary Dark Tertiary Light

Colors

teal

#004963

blue

#0072BC

light-blue

#D9EAF5

orange

#FF962E

light-orange

#FFF9F3

white

#FFFFFF

black

#2A343B

lightest-gray

#F9F9F9

Gradients

Light Gradient

Dark Gradient

Textures

Texture 1

Texture 1 on teal

Texture 1 on blue

Texture 1 on light blue

Texture 1 on white

Texture 1 on cream

Texture 1 on light orange

Texture 2

Texture 2 on teal

Texture 2 on blue

Texture 2 on light blue

Texture 2 on white

Texture 2 on cream

Texture 2 on light orange

Texture 3

Texture 3 on teal

Texture 3 on blue

Texture 3 on light blue

Texture 3 on white

Texture 3 on cream

Texture 3 on light orange

Texture 4

Texture 4 on teal

Texture 4 on blue

Texture 4 on light blue

Texture 4 on white

Texture 4 on cream

Texture 4 on light orange

Texture 5

Texture 5 on teal

Texture 5 on blue

Texture 5 on light blue

Texture 5 on white

Texture 5 on cream

Texture 5 on light orange