| name |
Dithered |
| colors |
| primary |
secondary |
success |
warning |
danger |
surface |
text |
neutral |
#3B82F6 |
#8B5CF6 |
#16A34A |
#D97706 |
#DC2626 |
#FFFFFF |
#111827 |
#FFFFFF |
|
| typography |
| h1 |
body-md |
label-caps |
sourceScale |
weights |
| fontFamily |
fontSize |
Space Grotesk |
2.5rem |
|
| fontFamily |
fontSize |
Open Sans |
1rem |
|
| fontFamily |
fontSize |
IBM Plex Mono |
0.875rem |
|
14/16/18/24/32/40 |
100, 200, 300, 400, 500, 600, 700, 800, 900 |
|
| rounded |
|
| spacing |
| sm |
md |
sourceScale |
4px |
8px |
4/8/12/16/24/32 |
|
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
- Visual style: modern, minimal
- Typography scale: 14/16/18/24/32/40
- Typography fonts: primary=Open Sans, display=Space Grotesk, mono=IBM Plex Mono
- Typography weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger
- Spacing scale: 4/8/12/16/24/32
- Primary (#3B82F6): Token from style foundations.
- Secondary (#8B5CF6): Token from style foundations.
- Success (#16A34A): Token from style foundations.
- Warning (#D97706): Token from style foundations.
- Danger (#DC2626): Token from style foundations.
- Surface (#FFFFFF): Token from style foundations.
- Text (#111827): Token from style foundations.
- Neutral (#FFFFFF): Derived from the surface token for official format compatibility.