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
| Token | Value |
|---|---|
| --amber-1 | #f0b423 |
| --amber-2 | #d4a017 |
| --amber-3 | #8a6c12 |
| --amber-4 | #3a2f10 |
| --amber-ink | #141208 |
| --accent | var(--amber-2) |
| --accent-hover | var(--amber-1) |
| --accent-dim | var(--amber-3) |
| --accent-wash | var(--amber-4) |
| --focus-ring | var(--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.