Regular
The quick brown fox jumps
text-H 1
72px
110%
The quick brown fox jumps over
60px
text-H 2
120%
The quick brown fox jumps over the lazy
48px
text-H 3
120%
The quick brown fox jumps over the lazy dog
40px
text-3xl
120%
The quick brown fox jumps over the lazy dog
36px
text-2xl
120%
The quick brown fox jumps over the lazy dog
32px
text-xl
140%
The quick brown fox jumps over the lazy dog
24px
text-xl
120%
The quick brown fox jumps over the lazy dog
20px
text-lg
140%
The quick brown fox jumps over the lazy dog
18px
text-lg
140%
The quick brown fox jumps over the lazy dog
16px
text-base
140%
The quick brown fox jumps over the lazy dog
14px
text-sm
140%
The quick brown fox jumps over the lazy dog
text-xs
12px
Auto
Medium
The quick brown fox jumps
text-H 1
72px
110%
The quick brown fox jumps over
60px
text-H 2
120%
The quick brown fox jumps over the lazy
48px
text-H 3
120%
The quick brown fox jumps over the lazy dog
40px
text-3xl
120%
The quick brown fox jumps over the lazy dog
36px
text-2xl
120%
The quick brown fox jumps over the lazy dog
32px
text-xl
140%
The quick brown fox jumps over the lazy dog
24px
text-xl
120%
The quick brown fox jumps over the lazy dog
20px
text-lg
140%
The quick brown fox jumps over the lazy dog
18px
text-lg
140%
The quick brown fox jumps over the lazy dog
16px
text-base
140%
The quick brown fox jumps over the lazy dog
14px
text-sm
140%
The quick brown fox jumps over the lazy dog
text-xs
12px
Auto
Semibold
The quick brown fox jumps
text-H 1
72px
110%
The quick brown fox jumps over
60px
text-H 2
120%
The quick brown fox jumps over the lazy
48px
text-H 3
120%
The quick brown fox jumps over the lazy dog
40px
text-3xl
120%
The quick brown fox jumps over the lazy dog
36px
text-2xl
120%
The quick brown fox jumps over the lazy dog
32px
text-xl
140%
The quick brown fox jumps over the lazy dog
24px
text-xl
120%
The quick brown fox jumps over the lazy dog
20px
text-lg
140%
The quick brown fox jumps over the lazy dog
18px
text-lg
140%
The quick brown fox jumps over the lazy dog
16px
text-base
140%
The quick brown fox jumps over the lazy dog
14px
text-sm
140%
The quick brown fox jumps over the lazy dog
text-xs
12px
Auto
Bold
The quick brown fox jumps
text-H 1
72px
110%
The quick brown fox jumps over
60px
text-H 2
120%
The quick brown fox jumps over the lazy
48px
text-H 3
120%
The quick brown fox jumps over the lazy dog
40px
text-3xl
120%
The quick brown fox jumps over the lazy dog
36px
text-2xl
120%
The quick brown fox jumps over the lazy dog
32px
text-xl
140%
The quick brown fox jumps over the lazy dog
24px
text-xl
120%
The quick brown fox jumps over the lazy dog
20px
text-lg
140%
The quick brown fox jumps over the lazy dog
18px
text-lg
140%
The quick brown fox jumps over the lazy dog
16px
text-base
140%
The quick brown fox jumps over the lazy dog
14px
text-sm
140%
The quick brown fox jumps over the lazy dog
text-xs
12px
Auto
Text Styles
Color Styles
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
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