Style guide
This project utilize Client-first as style system. You can read the docs here. Check the instructions page for a basic tutorial about this template.
Color style
Palette
Accent Color
#005DCF
Whitesmoke
#F5F5F5
White
#FFFFFF
Black
#00000
Grey
#808083
Light Grey
#D3D3D3
Dark Grey
#333333
Dim Grey
#B9B6B0
Typography
Geist
Geist Mono
Heading 1
Geist/400
Heading 2
Geist/400
Heading 3
Geist/400
Heading 4
Geist/400
Heading 5
Geist/400
Heading 6
Geist/400
Text-XXXS
Text-XXS
Text-XS
Text-S
Text-MS
Text-M
Text-L
Text-XL
Text-XXL
Rich text
H1
H2
H3
H4
H5
H6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
.png){kind=icon}