This is the living brand-system reference for Theron by Vext Labs. Unlike a static spec, every swatch, type row, radius, shadow, and motion value is read live from the shipping CSS custom properties in both light and dark, so the page can never drift from what the product actually renders.
It documents the full system: the cream-paper and neutral near-black surface ramps, the warm ink opacity ladder, amber as the single light source with a WCAG-AA amber copy variant, the Geist type scale, the seven-step radius ramp, the elevation and motion tokens, and a component gallery of buttons, pills, cards, the Stoa receipt, badges, navigation, and swarm cards.
The principle is the same one behind every Theron surface: a product you can audit should look like one. The canonical design board lives at /brand; this page is its always-accurate, token-driven companion.
The /brand page is the canonical 1:1 design board. The /brand-system page is a living reference that reads the real shipping CSS tokens at runtime, so it always reflects exactly what the product renders in light and dark.
Color in both themes with contrast notes, the Geist type scale, the radius ramp, elevation and motion tokens, and a component gallery: buttons, pills, cards, the Stoa receipt, verified and invalid badges, navigation, and swarm cards.