Styleguide

Back to Home
Typography

H1 Heading

Font Size - 64px

H2 Heading

Font Size - 48px

H3 Heading

Font Size - 40px

H4 Heading

Font Size - 36px
H5 Heading
Font Size - 32px
H6 Heading
Font Size - 24px

Large Text

Font Size - 20px

Large Paragraph

Font Size - 18px

Paragraph

Font Size - 16px

Small Paragraph

Font Size - 14px
Color Palette
White
#FFFFFF
White 800
#FFFFFFCC
White 700
#FFFFFFB3
White 400
#FFFFFF66
White 250
#FFFFFF40
White 200
#FFFFFF33
White 100
#FFFFFF1A
White 50
#FFFFFF0D
Black
#000000
Black 200
#E3E3E3
Black 100
#EFEFEF
Black 50
#F9F9F9
Gray 950
#101010
Gray 900
#272727
Gray 800
#272727CC
Gray 700
#272727B3
Gray 500
#27272780
Gray 400
#27272766
Gray 250
#27272740
Gray 200
#27272733
Gray 150
#27272726
Gray 100
#2727271A
Elephant 950
#002738
Green 900
#00AB41
Green 800
#00D250
Green 700
#58CA00
Green 600
#26FF79
Green 500
#D7EFDF
Green 400
#E2FAEA
Green 300
#F4F7F3
Green 200
#00AB4133
Green 100
#00AB411A
Dark Blue 950
#14161B
Dark Blue 900
#000A24
Dark Blue 800
#23232B
Dark Blue 700
#23272E
Dark Blue 600
#06194C
Sky Blue 900
#1F5874
Sky Blue 800
#0C6AD5
Sky Blue 700
#0094CA
Sky Blue 400
#E2F4FA
Sky Blue 300
#DCE9EE
Sky Blue 200
#1F627433
Sky Blue 100
#0CB7D51A
Cyan
#00CACA
Cyan 100
#15C39A1A
Eminence 900
#691F74
Eminence 500
#E2DCEE
Eminence 400
#F5EFFF
Eminence 300
#F6F3F7
Eminence 200
#691F7433
Eminence 100
#691F741A
Sunset Orange
#EB6047
Sunset Orange 200
#EB604733
Pomegranate
#FF492C
Pomegranate 700
#FF492CB3
Pomegranate 200
#FF492C33
Pomegranate 100
#FF492C1A
Pomegranate 40
#FF492C0A
Fair Pink 200
#F8E6E3
Fair Pink 100
#F8E9E7