Style Guide

01
Colors
Primary Color
Gentian Flower
1
C2D1FF
2
ADC2FF
3
85A3FF
4
5C85FF
5
3366FF
6
2952CE
7
1F3E9D
8
142B6C
9
0F2154
Secondary Color
Rare Wind
1
DFFFE9
2
BFFFDA
3
9FFFD1
4
87FFD1
5
60FFD2
6
46DBBF
7
30B7AB
8
1E9293
9
126F7A
Accent Color
Absolute Apricote
1
FFE9D9
2
FFD3B3
3
FFBD8C
4
FFA766
5
FF9140
6
D17633
7
A25B26
8
74401A
9
5D3313
02
Typography
Heading Font
Instrument Sans
SemiBold - 84 px
Heading 1
SemiBold - 72 px
Heading 2
SemiBold - 60 px
Heading 3
SemiBold - 48 px
Heading 4
SemiBold - 36 px
Heading 5
SemiBold - 24 px
Heading 6
Bodytext Font
Instrument Sans
Regular - 72 px
Bodytext 1
Regular - 64 px
Bodytext 2
Regular - 56 px
Bodytext 3
Regular - 48 px
Bodytext 4
Regular - 40 px
Bodytext 5
Regular - 32 px
Bodytext 6
Regular - 24 px
Bodytext 7
Regular - 16 px
Bodytext 8
Paragraph Font
Albert Sans
Light - 16 px
Paragraph 1
03
Button
Primary Button
Special
Primary Button
Regular
Normal
Button
Hover
Button
Secondary Button
Regular
Normal
Button
Ghost
Tertiary Button
Regular
Normal