Token editor
Every token. Per brand. Per mode.
Active scope (from the panel): default · Active mode: light. Edit any color; it paints the page live via inline style on <html>. Switch brand or theme in the panel (Cmd+Shift+P) to edit a different scope. Click Copy CSS to emit a paste-ready palette.<brand>.css block.
Live preview
Card preview
Pengaturan brand
Edit the tokens on the left. The wrapper and text in this card resolve through var(--paper), var(--ink), var(--ink-soft), var(--rule), and var(--clay).
Brand swatches
brand-akar
brand-crm
brand-anima
brand-forum
Type preview
Display serif
Sans body. Tabular numerals: 1,234,567.89.
Mono caption · #ID0042 · 2026-05-15
Overrides only apply for the active scope (default) at the active mode (light). Switching brand or theme in the panel reveals that scope/mode's edits.