Guidelines / Colors
Ink Surfaces
Warm-Black Surface Steps - Depth Without Shadows
01 Preview
02 Rule
surfaces step lighter for depth: page → card → raised. Never a drop shadow (reserved for overlays).
03 Tokens
| Token | Value |
|---|---|
| --ink-0 | #0e0d0b |
| --ink-1 | #151310 |
| --ink-2 | #1c1915 |
| --ink-3 | #242019 |
| --surface-page | var(--ink-0) |
| --surface-card | var(--ink-1) |
| --surface-raised | var(--ink-2) |
| --surface-inset | #0a0908 |
The tokens this card covers, from src/tokens/colors.css. Use these via var(--name) rather than literal values — npm run lint enforces it wherever a token holds the value.