Colors

Primary Colors

#8034B8 #C59CE3 #F3EBF9 #CE7C30 #DDA46E #F1D8C1 #769B70 #B7CBB4 #F1F5F0

Neutral Colors

#272329 #5B5260 #A79FAD #D9D6DC #F2F1F3 #FFFFFF

Gradients

#8034B8 45˚ #C59CE3 #CE7C30 45˚ #F1D8C1 #769B70 45˚ #B7CBB4

Typography

Heading 1

Mr Eaves Mod OT – Bold
48px L53
sv-h1

Heading 2

Mr Eaves Mod OT – Bold
36px L40
sv-h2

Heading 3

Mr Eaves Mod OT – Regular
32px L36
sv-h3

Heading 4

Mr Eaves Mod OT – Bold
21px L24
sv-h4

Heading 5

Mr Eaves Mod OT – Regular
21px L24
sv-h5

Heading 6

Mr Eaves Mod OT – Bold
13px L15
sv-h6 Form Text Mr Eaves Mod OT – Reg
18px L24
sv-form

Large body text.

Adobe Caslan Pro – Regular
21px L42
sv-text-l

Medium body text.

Adobe Caslan Pro – Regular
16px L29
sv-text-m

Small body text.

Adobe Caslan Pro – Regular
13px L17
sv-text-s

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; Small Solid font-size: 16px; line-height: 19px; padding: 11px 21px; NOTE: outline padding is adjusted to include borders.

Text Links

Text Link

Frames

Shadows and/or borders to be applied to rows and columns. Background colors still need to be applied manually. sv-shadow-light

Frames