Style Guide

Set of guidelines and specifications that define the visual and interactive elements used throughout the website.

Headings

Page Title Primary

Page Title Secondary

Body Text

Text XL

Text LG

Text MD

Text SM

Text XS

Text 2XS

Text 3XS

Text Step

Utilities

Bold

Normal

Uppercase

Text Color Azure

Text Color Brown

Text Color Light Brown

Text Color Muted Brown

Text Color Subtle Brown

Text Color Dark Grey

Text Color Grey

Text Color Light Grey

Text Align Center

Text Align Right

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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Spacers

Spacer 4

Spacer 8

Spacer 12

Spacer 16

Spacer 20

Spacer 24

Spacer 32

Spacer 40

Spacer 48

Spacer 56

Spacer 64

Spacer 72

Spacer 80

Spacer 96

Spacer 104