Style Guide

Font

Dekstop

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Tablet

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Mobile

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Body
Body Large
Body Medium
Body Small

Color

Primary Color
Main
Surface
Border
Hover
Pressed
Focus
# 8732F4
# F0E4FF
# D7BBFB
# 712ACB
# 44197A
# 8732F4 20%
Neutral Color
N10
N20
N30
N40
N50
# FFFFFF
# F5F5F5
# EDEDED
# D6D6D6
# C2C2C2
N60
N70
N80
N90
N100
# 878787
# 606060
# 383838
# 403A3A
# 101010

UI Element

Button
Button TextButton Text
Home
Form
Submit
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.