Guidelines / Colors

Instrument Amber

One Accent. Marks the Interactive and the Important

01 Preview

02 Rule

one amber accent per view region. It marks the interactive and the important; nothing decorative.

03 Tokens

TokenValue
--amber-1#f0b423
--amber-2#d4a017
--amber-3#8a6c12
--amber-4#3a2f10
--amber-ink#141208
--accentvar(--amber-2)
--accent-hovervar(--amber-1)
--accent-dimvar(--amber-3)
--accent-washvar(--amber-4)
--focus-ringvar(--amber-1)

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.