Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Back to Browse
Checkout.com
FintechDesign system for Checkout.com
—(0)
0
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 18px | 400 | 25.92px | |
| h1 | 80px | 700 | 72px | |
| h2 | 80px | 700 | 72px | |
| h3 | 24px | 500 | 31.92px | |
| p | 12px | 400 | 18px | |
| a | 11px | 700 | 11px | |
| button | 14px | 400 | 21px | |
| nav | 18px | 400 | 25.92px | |
| footer | 18px | 400 | 25.92px | |
| main | 18px | 400 | 25.92px |
Color Palette
#1b1c22UI Elements
button
a
nav
