0
Registry components
0
Foundation topics
0+
Color tokens
0
Themes · light & dark
Principles
Five rules that keep the system coherent across any product built on it.
Dark-first
Design starts in the dark. Light mode is a faithful translation, not the default.
Yellow is the signal
If it is yellow, you can click it. Interaction points only — never decoration.
One color pop
No rainbows. Yellow carries the weight; state colors stay muted to avoid noise.
Sharp when it counts
Subtle radius, full-round only for pills. Sharp corners hold the noir feel.
Glow with purpose
Yellow glow appears on hover and active states only. Never ambient.
Terminal personality
The ❯ prefix and mono type signal "this is a tool, not a brochure".
Explore the system
Design reference and full-screen examples — each page has live demos and copy-paste React + Tailwind.
Install
Full setup lives on Getting started — install command, peers, Tailwind @source, and npx tollerud-ui-audit for styling drift.
npx tollerud-ui-audit
# error code reference → Guides → Consumer project checklist