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

TokenValue
--ink-0#0e0d0b
--ink-1#151310
--ink-2#1c1915
--ink-3#242019
--surface-pagevar(--ink-0)
--surface-cardvar(--ink-1)
--surface-raisedvar(--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.