Atlas · Design Tokens
tok ⌘K
Switch design token set
Active · Atlas Default · 3 available
⌘⇧T ⏎
View design tokens
Open the token reference panel
⌘⇧V ⏎
New design tok
Create an empty token definition
⌘N ⏎
Go to token definition
Jump to a token by name
⌘⇧G ⏎
Show token usage
Find components referencing this token
⌘U ⏎
tokens.json
src/design/tokens.json · modified 2h ago
JSON ⏎
token-system.md
docs/design/token-system.md · modified 4d ago
MD ⏎
TOK-1242-proposal.md
proposals/TOK-1242-proposal.md · modified 1w ago
MD ⏎
Token reference
Complete catalog of available tokens
Dark mode tokens
Luminance ladder + semantic color tokens

Component Anatomy · 6 Craft Decisions

PALETTE-V1 · 2026-07-12
01

Selected row · two signals

2px accent left rail + bg lift var(--bg-4). Drop either and the row reads as just "hovered." Pair with border-left-color + background change — never a ring shadow on a modal.

02

Alias → enter chip swap

Right meta shows the keyboard alias when unselected. When the row becomes selected, the alias is replaced by a filled ⏎ chip in the accent. Same element, two states — no layout shift, no alias and enter side-by-side (which would create ambiguity).

03

Fuzzy match · accent, not bold

Matched characters render in accent color and a half-step heavier weight. Color alone fails colorblind users; weight alone blurs the visual signal. Together the match reads without shouting. Highlight only the matching span, not the whole row.

04

Group headers as dividers

10.5px tracked-caps (0.10em) at var(--ink-4). Section headers are the visual divider — no rules between groups, no extra padding. This is what makes 4 sections read as one categorized list, not 4 unrelated lists.

05

Footer · key hints only

No brand wordmark. No PRO badge. No links. The footer carries only the keyboard map (↑↓ navigate, ⏎ select, esc dismiss). The footer IS the keyboard-first brand promise — anything else breaks the contract.

06

Query state visible in input

The query tok stays in the input with a blinking cursor. Users can see what they typed AND the results it produced. The ⌘K chip on the right reminds them this is a palette, not a search bar — a different kind of affordance.