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
48px L53
sv-h1Heading 2
Mr Eaves Mod OT - Bold
36px L40
36px L40
sv-h2Heading 3
Mr Eaves Mod OT - Regular
32px L36
32px L36
sv-h3Heading 4
Mr Eaves Mod OT - Bold
21px L24
21px L24
sv-h4Heading 5
Mr Eaves Mod OT - Regular
21px L24
21px L24
sv-h5Heading 6
Mr Eaves Mod OT - Bold
13px L15
13px L15
sv-h6
Form Text
Mr Eaves Mod OT - Reg
18px L24
18px L24
sv-formLarge body text.
Adobe Caslan Pro - Regular
21px L42
21px L42
sv-text-lMedium body text.
Adobe Caslan Pro - Regular
16px L29
16px L29
sv-text-mSmall body text.
Adobe Caslan Pro - Regular
13px L17
13px L17
sv-text-sComponents
Buttons
Buttons use "Mr Eaves Mod OT - Bold" with 1px rounded corners.
font-size: 18px; line-height: 21px; padding: 14px 30px;
font-size: 18px; line-height: 21px; padding: 14px 30px;NOTE: outline padding is adjusted to include borders.
font-size: 16px; line-height: 19px; padding: 11px 21px;
font-size: 16px; line-height: 19px; padding: 11px 21px;NOTE: outline padding is adjusted to include borders.
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