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

Location
Btn Variant Outline
Location
Btn Variant Outline
Btn Variant
Btn Variant Small
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.