Style Guide
Typography
Heading
Desc
Accent
Bold
Semibold
Medium
Reguler
Heading 1
H1
H1
H1
H1
Heading 2
H2
H2
H2
H2
Heading 3
H3
H3
H3
H3
Heading 4
H4
H4
H4
H4
Heading 5
H5
H5
H5
H5
Heading 6
H6
H6
H6
H6
Body
Desc
Accent
Bold
Semibold
Medium
Reguler
Body XL
XL
XL
XL
XL
Body XL
L
L
L
L
Body XL
M
M
M
M
Body XL
Sm
Sm
Sm
Sm
Font
Desc
Accent
Preview
Heading Font
Overpasss
A well-crafted typeface as the fingerprint of great design
A B C D E F G H I J K L M N O P Q R S T U V X Y Z
a b c d e f g h i j k l m n o p q r s t u v x y z
0 1 2 3 4 5 6 7 8 9
Body font
Roboto Condensed
A well-crafted typeface as the fingerprint of great design
A B C D E F G H I J K L M N O P Q R S T U V X Y Z
a b c d e f g h i j k l m n o p q r s t u v x y z
0 1 2 3 4 5 6 7 8 9
Colors
Color variable
Desc
Neutral
10
#FFFFFF
50
#FFFFFF
100
#FFFFFF
200
#FFFFFF
300
#FFFFFF
400
#FFFFFF
500
#FFFFFF
600
#FFFFFF
700
#FFFFFF
800
#FFFFFF
900
#FFFFFF
950
#FFFFFF
1000
#FFFFFF
Success
Main
#FFFFFF
Surface
#FFFFFF
Border
#FFFFFF
Hover
#FFFFFF
Pressed
#FFFFFF
Focus
#FFFFFF
Warning
Main
#FFFFFF
Surface
#FFFFFF
Border
#FFFFFF
Hover
#FFFFFF
Pressed
#FFFFFF
Focus
#FFFFFF
Error
Main
#FFFFFF
Surface
#FFFFFF
Border
#FFFFFF
Hover
#FFFFFF
Pressed
#FFFFFF
Focus
#FFFFFF
Info
Main
#FFFFFF
Surface
#FFFFFF
Border
#FFFFFF
Hover
#FFFFFF
Pressed
#FFFFFF
Focus
#FFFFFF