.svg)
.svg)
.svg)
Style Guide
Colors
White
#FFFFFF
Black
#000000
Dark
#0C0407
Dark 800
#333333
Dark 700
#4C4C4C
Dark 600
#666666
Dark 500
#808080
Dark 400
#999999
Regular
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
Medium
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
Semibold
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
Bold
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
Start from today
Build a sales engine that never slows down
Automate the busywork, gain total visibility, and keep every deal moving forward.
.svg)
.svg)
.svg)
.svg)
.svg)