Style Guide

Colors

Primary Colors

#984157
#7d3547
#b95b73
#323b58
#4e5d8a
#7684b1
#b8513f
#d59084
#e4b8b0

Neutral Colors

#1a1c21
#3d414d
#71788f
#c9cbd4
#e9ebee
#f4f5f7

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.

Text Links

Frames

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

Frames