Style Guide
Heading
Headings
Sizes
Mobile Sample
Desktop Sample
Heading 1
Desktop: 90px
Mobile: 64px
H1
H1
Heading 2
Desktop: 64px
Mobile: 36px
H2
H2
Heading 3
Desktop: 48px
Mobile: 32px
H3
H3
Heading 4
Desktop: 40px
Mobile: 28px
H4
H4
Heading 5
Desktop: 32px
Mobile: 20px
H5
H5
Heading 6
Desktop: 24px
Mobile: 18px
H6
H6
Body Text
Headings
Sizes
Sample
Body L
20px
Body L
Body L Bold
20px
Body L Bold
Body M
16px
Body M
Body S
16px
Body S
Special Text
Headings
Sizes
Sample
Display Text
120px
Text
Display Text Alt
120px
Text
Accent Text
32px
Text
Colors
Primary Violet
0
#E7DDFB
1
#CAB5F4
2
#AC8EED
3
#8F66E5
4
#713FDE
5
#5417D7
6
#4312AD
7
#330E82
8
#220958
9
#12052D
10
#010003
Secondary Purple
0
#F9EFFF
1
#F4DFFF
2
#E9BFFF
3
#DD9EFF
4
#D27EFF
5
#C75EFF
6
#A74BD8
7
#8738B0
8
#662689
9
#461361
10
#26003A
Neutrals
0
#FFFFFF
1
#F3F3F3
2
#E8E8E8
3
#D0D0D0
4
#B9B9B9
5
#A1A1A1
6
#8A8A8A
8
#5B5B5B
9
#444444
10
#000000
Accent
1
#E6FFAF
2
#E9C5FF
3
#FFFFCA
4
#FF7455
5
#3535E0
6
#ED2B2B
Buttons
Primary
Primary Mobile
(No hover state)
Secondary
Secondary Mobile
(No hover state)
Social Media Buttons
Secondary Mobile
(No hover state)
Inline Links