Style Guide
Home
Style Guide
Color palette
Primary
Primary Light
Primary Soft
Primary Dark
Secondary
Success
Info
Warning
Danger
Muted
Dark
neutral-100
neutral-200
neutral-300
neutral-400
neutral-500
neutral-600
neutral-700
neutral-800
neutral-900
Typhography
| Font Family | Font weight | Font size | Line height | |
|---|---|---|---|---|
| Display 1 | Satoshi | Bold | 80px | 120% |
| Display 2 | Satoshi | Bold | 72px | 120% |
| Display 3 | Satoshi | Bold | 64px | 120% |
| Display 4 | Satoshi | Bold | 56px | 120% |
| Display 5 | Satoshi | Bold | 48px | 120% |
| Display 6 | Satoshi | Bold | 40px | 120% |
| Heading 1 | Satoshi | Black | 60px | 120% |
| Heading 2 | Satoshi | Black | 48px | 120% |
| Heading 3 | Satoshi | Bold | 38px | 120% |
| Heading 4 | Satoshi | Bold | 31px | 120% |
| Heading 5 | Satoshi | Bold | 25px | 120% |
| Heading 6 | Satoshi | Bold | 20px | 120% |
fs-1 Lorem ipsum dolor | Satoshi | Medium | 40px | 150% |
fs-2 Lorem ipsum dolor | Satoshi | Medium | 32px | 150% |
fs-3 Lorem ipsum dolor | Satoshi | Medium | 28px | 150% |
fs-4 Lorem ipsum dolor | Satoshi | Medium | 24px | 150% |
fs-5 Lorem ipsum dolor | Satoshi | Medium | 20px | 150% |
fs-6 Lorem ipsum dolor | Satoshi | Medium | 16px | 150% |
fs-7 Lorem ipsum dolor | Satoshi | Medium | 14px | 150% |
fs-8 Lorem ipsum dolor | Satoshi | Medium | 12px | 120% |