--bg-base - Page background and grid field.--bg-card / --bg-elevated - Reading surfaces and raised panels.--bg-code / --code-border - Code, devtools, route, and package diagrams.--text-primary / --text-secondary - Readable hierarchy in both themes.--brand / --on-brand - Primary command and link emphasis.--success / --warning / --info / --error - Roadmap, standards, reference, and failure states.Commands use stable dimensions, token colors, and focus-visible states.
Inputs stay utilitarian and inherit the same Open Props token system.
Status labels and motion states are readable text first and color second.
Show routes, package graphs, code, browser contracts, or docs structure in the first viewport.
The website dogfoods retained @openelement/ui primitives; UI remains optional for application authors.
Every page and shadow component must resolve through the same semantic tokens.