.svg)
.svg)
Color Styles
Brand Color
Dark
900
#780828
Dark
900
#920E29
Dark
900
#B51629
Dark
900
#D82027
Dark
900
#FC372D
Dark
900
#FD7561
Dark
900
#FE9B80
Dark
900
#FEC4AB
Dark
900
#FEE5D4
Dark
900
#FFFFFF
Brand Color
Dark
900
#0D6630
Dark
900
#167C34
Dark
900
#239A3C
Dark
900
#33B843
Dark
900
#46D64B
Dark
900
#78E672
Dark
900
#9EF290
Dark
900
#C6FAB7
Dark
900
#E5FCDA
Brand Color
Dark
900
#7A4800
Dark
900
#935C00
Dark
900
#B77800
Dark
900
#DB9600
Dark
900
#FFB600
Dark
900
#FFCD3F
Dark
900
#FFDC66
Dark
900
#FFEA99
Dark
900
#FFF6CC
Brand Color
Dark
900
#0C0407
Dark
900
#333333
Dark
900
#4C4C4C
Dark
900
#666666
Dark
900
#808080
Dark
900
#999999
Dark
900
#B3B3B3
Dark
900
#CCCCCC
Dark
900
#E5E5E5
Typography
Regular
text-H1
72px
110%
The quick brown fox jumps
text-H2
60px
110%
The quick brown fox jumps
text-H3
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
120%
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-H1
72px
110%
The quick brown fox jumps
text-H2
60px
110%
The quick brown fox jumps
text-H3
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
120%
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
Semi Bold
text-H1
72px
110%
The quick brown fox jumps
text-H2
60px
110%
The quick brown fox jumps
text-H3
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
120%
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-H1
72px
110%
The quick brown fox jumps
text-H2
60px
110%
The quick brown fox jumps
text-H3
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
120%
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
Button
Button
Button
Button
Button
Button