Styleguide
Colours
The power of color in shaping your brand identity
Primary Red
#FB300C
Orange
#FC730C
Orange 800
#F98C39
Orange 600
#F7A567
Orange 400
#F4BD94
Orange 200
#F2D6C2
Yellow
#FCB40C
Yellow 800
#F9C039
Yellow 600
#F7CC67
Yellow 400
#F4D794
Yellow 200
#F2E3C2
Black
#101820
Black 800
#3D4349
Black 600
#696E73
Black 400
#96999C
Black 200
#C2C4C6
BG White
#F6F8FE
White
#FFFFFF
Typography
Everything you need to know about typography
Heading 01
Font: Inter (Medium)
Font Size: 120px
Line height: 92%
Letter Spacing: -5%
Heading 02
Font: Onest (Semi Bold)
Font Size: 80px
Line height: 92%px
Letter Spacing: -5%
Heading 03
Font: Onest (Semi Bold)
Font Size: 70px
Line height: 92%
Letter Spacing: -5%
Heading 04
Font: Onest (Semi Bold)
Font Size: 53px
Line height: 110%
Letter Spacing: -5%
Heading 05
Font: Inter (Bold)
Font Size: 32px
Line height: 40px
Letter Spacing: -1px
Heading 06
Font Size: 22px
Line height: 130%
Letter Spacing: -3%
Heading 07
Font: Onest (Semi Bold)
Font Size: 20px
Line height: 110%
Letter Spacing: -5%
P Text 01
Font: Inter (Regular)
Font Size: 18px
Line height: 140%
Letter Spacing: -3%
P Text 02
Font: Inter (Regular)
Font Size: 16px
Line height: 140%
Letter Spacing: -2%
P Text 03
Font: Inter (Regular)
Font Size: 14px
Line height: 140%
Letter Spacing: -4%
Taglink 01
Font: Switzer (Medium)
Font Size: 16px
Line height: 140%
Letter Spacing: -3%
Taglink 02
Font: Switzer (Medium)
Font Size: 14px
Line height: 120%
Letter Spacing: -3%
Font: Onest (Semi Bold)
Font Size: 30px
Line height: 92%
Letter Spacing: -5%
Font: Inter (Medium)
Font Size: 14px
Line height: 140%
Letter Spacing: -4%
Button
Everything you need to know
about button style