Styleguide

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


Search