Style Guide
Colors
Color distinguishes our brand and helps us create consistent experiences across products.
Neutral
Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.
0
#0D0D0D
1
#FFFFFF
2
#DEDEDE
3
#696969
4
#1C1C1C
5
#FFFFFF
6
#131314
7
#1C1C1C
Typography
The primary font is Inter Tight, sourced from Google Fonts. A serene and modern geometric sans-serif typeface family perfect for crisp text and eye-catching headlines.
Inter
Bold
SemiBold
Medium
Regular
Aa
Heading 1
Inter/ Bold
65px
100%
Heading 1
Heading 2
Inter/ SemiBold
48px
100%
Heading 2
Heading 3
Inter/ SemiBold
25px
100%
Heading 3
Heading 4
Inter/ SemiBold
20px
100%
Heading 4
Heading 5
Inter/ Regular
18px
100%
Heading 5
Body
Inter/ Regular
16px
100%
Figure Image & Caption
Caption here
Blockquote
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."