Style Guide
Font
Dekstop
H1 Aa
H2 Aa
H3 Aa
H4 Aa
H5 Aa
H6 Aa
Body X Large
Body Large
Body Medium
Body Small
Tablet
H1 Aa
H2 Aa
H3 Aa
H4 Aa
H5 Aa
H6 Aa
Body X Large
Body Large
Body Medium
Body Small
Mobile (L)
H1 Aa
H2 Aa
H3 Aa
H4 Aa
H5 Aa
H6 Aa
Body X Large
Body Large
Body Medium
Body Small
Mobile (P)
H1 Aa
H2 Aa
H3 Aa
H4 Aa
H5 Aa
H6 Aa
Body X Large
Body Large
Body Medium
Body Small
Color
Primary Color
Main
# 0C6ACE
Surface
# E0EFFE
Border
# AAC3DD
Hover
# 003E7F
Pressed
# 00254C
Focused
# 0C6ACE 20%
Neutral Color
N10
# FFFFFF
N20
# F5F5F5
N30
# EDEDED
N40
# D6D6D6
N50
# C2C2C2
N60
# 878787
N70
# 606060
N80
# 383838
N90
# 403A3A
N100
# 101010
Text Alignment
Text left
Text center
Text right
Ui Elements
Button Main Large
Button Main Small
Btn Variant Outline
Btn Variant Outline
Btn Variant
Btn Variant Small
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.