Style Guide
Black
Dark
900
#0C0407
Dark
800
#333333
Dark
700
#4C4C4C
Dark
600
#666666
Default
500
#808080
Light
400
#999999
Light
300
#B3B3B3
Light
200
#CCCCCC
Light
100
#E5E5E5
Brand Color
Dark
900
#091B77
Dark
800
#102890
Dark
700
#1A3AB3
Dark
600
#2650D6
Default
500
#3469F9
Light
400
#6692FB
Light
300
#85ACFD
Light
200
#ADCAFE
Light
100
#D6E5FE
Light
100
#FFFFFF
Success
Dark
900
#0D6630
Dark
800
#167C34
Dark
700
#239A3C
Dark
600
#33B843
Default
500
#46D64B
Light
400
#78E672
Light
300
#9EF290
Light
200
#C6FAB7
Light
100
#E5FCDA
Warning
Dark
900
#7A4800
Dark
800
#935C00
Dark
700
#B77800
Dark
600
#DB9600
Default
500
#FFB600
Light
400
#FFCD3F
Light
300
#FFDC66
Light
200
#FFEA99
Light
100
#FFF6CC
Regular
text-H 1
72px
110%
The quick brown fox jumps
text-H 2
60px
120%
The quick brown fox jumps
text-H 3
48px
120%
The quick brown fox jumps
text-3xl
40px
120%
The quick brown fox jumps
text-2xl
36px
120%
The quick brown fox jumps
text-xl
32px
140%
The quick brown fox jumps
text-xl
24px
120%
The quick brown fox jumps
text-lg
20px
140%
The quick brown fox jumps
text-lg
18px
140%
The quick brown fox jumps
text-base
16px
140%
The quick brown fox jumps
text-sm
14px
140%
The quick brown fox jumps
text-xs
12px
Auto
The quick brown fox jumps
Medium
text-H 1
72px
110%
The quick brown fox jumps
text-H 2
60px
120%
The quick brown fox jumps
text-H 3
48px
120%
The quick brown fox jumps
text-3xl
40px
120%
The quick brown fox jumps
text-2xl
36px
120%
The quick brown fox jumps
text-xl
32px
140%
The quick brown fox jumps
text-xl
24px
120%
The quick brown fox jumps
text-lg
20px
140%
The quick brown fox jumps
text-lg
18px
140%
The quick brown fox jumps
text-base
16px
140%
The quick brown fox jumps
text-sm
14px
140%
The quick brown fox jumps
text-xs
12px
Auto
The quick brown fox jumps
Semibold
text-H 1
72px
110%
The quick brown fox jumps
text-H 2
60px
120%
The quick brown fox jumps
text-H 3
48px
120%
The quick brown fox jumps
text-3xl
40px
120%
The quick brown fox jumps
text-2xl
36px
120%
The quick brown fox jumps
text-xl
32px
140%
The quick brown fox jumps
text-xl
24px
120%
The quick brown fox jumps
text-lg
20px
140%
The quick brown fox jumps
text-lg
18px
140%
The quick brown fox jumps
text-base
16px
140%
The quick brown fox jumps
text-sm
14px
140%
The quick brown fox jumps
text-xs
12px
Auto
The quick brown fox jumps
Bold
text-H 1
72px
110%
The quick brown fox jumps
text-H 2
60px
120%
The quick brown fox jumps
text-H 3
48px
120%
The quick brown fox jumps
text-3xl
40px
120%
The quick brown fox jumps
text-2xl
36px
120%
The quick brown fox jumps
text-xl
32px
140%
The quick brown fox jumps
text-xl
24px
120%
The quick brown fox jumps
text-lg
20px
140%
The quick brown fox jumps
text-lg
18px
140%
The quick brown fox jumps
text-base
16px
140%
The quick brown fox jumps
text-sm
14px
140%
The quick brown fox jumps
text-xs
12px
Auto
The quick brown fox jumps
