Design system
Surfaces and text
Accents
Status
Flag colors
View colors
Type
Familjen Grotesk
Spline Sans Mono
| Size | Use | Sample |
|---|---|---|
| 11px | Meta lines | Q4 potato numbers |
| 12px | Labels | Q4 potato numbers |
| 13px | Message list rows | Q4 potato numbers |
| 14px | Body, the default | Q4 potato numbers |
| 16px | Headings | Q4 potato numbers |
| 20px | Titles | Q4 potato numbers |
Spacing
2px
4px
8px
12px
16px
24px
| Density | Compact | Medium | Luxe |
|---|---|---|---|
| Row padding, vertical | 5px | 8px | 13px |
| Row padding, horizontal | 10px | 12px | 16px |
| Row gap | 2px | 3px | 5px |
| List line height | 1.3 | 1.4 | 1.55 |
| Pane padding | 12px | 16px | 22px |
| Control height | 27px | 30px | 34px |
| Stack gap | 8px | 10px | 14px |
| Corners | Square | Default | Round |
|---|---|---|---|
| Controls | 0 | 5px | 10px |
| Cards | 0 | 5px | 12px |
