Colors

Primary Colors

#D32F2F

#ff6659

#9a0007

#1976d2

#63a4ff

#004ba0

Neutral Colors

#131414

#56585a

#afb1b2

#d7d8d8

#f5f5f5

#FFFFFF

Gradients

#D32F2F

149˚

#ff6659 - 0.34

Typography

Poynter Gothic Text Condensed

Heading 1

48px L1.4
sv-h1

Heading 2

30 px L1.4
sv-h2

Heading 3

24px L1.4
sv-h3

Heading 4

18px L1.4
sv-h4

Heading 5

15px L1.4
sv-h5

Heading 6

12px L1.4
sv-h6

Poynter Gothic Text

Large body text.

18px L1.4
sv-text-l

Medium body text.

15px L1.4
sv-text-m

Small body text.

12px L1.4
sv-text-s

Form Text

18px L24px
sv-form

Components

Buttons

Buttons use "Mr Eaves Mod OT - Bold" with 1px rounded corners.

Large Solid

font-size: 18px;
line-height: 21px;
padding: 14px 30px;

Large Outline

font-size: 18px;
line-height: 21px;
padding: 14px 30px;

NOTE: outline padding is adjusted to include borders.

Small Solid

font-size: 16px;
line-height: 19px;
padding: 11px 21px;