Typography
Brandon Grotesque - 400 - 14px - 20px line height - .25em letter spacing - Caps - Eyebrow
Arvo - Normal - 14px - 17px line height - Paragraph
Headings
.H1 - Arvo - Normal - 48px - 65px line height
.H2 - Arvo - Normal - 24px - 30px line height
.H3 - Arvo - Normal - 18px - 40px line height - Lead Paragraph
Display headings
Display 1 - Brandon Grotesque - 400 - 72px - 80px line height - .1em letter spacing - Caps
Display 2 - Brandon Grotesque - 400 - 24px - 20px line height - .25em letter spacing - Caps
Leads
Lead 1 - 12px - uppercase - Wide Tracking - Sans Serif
Paragraphs
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Buttons
Primary Button
Primary Outline
Secondary Button
Secondary Outline
Links
Background Colors
Theme Colors
bg-primary
bg-secondary
Brand Colors
bg-seashell
Text & Link Colors
Theme Colors
text-primary
text-secondary
Brand Colors
text-seashell