Wolf-Rayet
Attention is a finite resource an interface spends. Wolf-Rayet is the argument that a design system can be held to a budget for it mechanically, rather than by asking its users to go easy on the emphasis.
Colour, wording and motion are all ways of raising your voice. Each gets the same five levels, and only one thing on a screen may use the loudest. A calm screen is a working one, not an unfinished one.
Read the thesisThe argument in full, and 144 decision records showing how each part of it was settled and what was rejected.Get startedInstall the package, import the tokens, and use your first component.Foundations12 foundations: tokens, colour, type, spacing, radius, elevation and the rules around them.Components65 components, each with working examples you can interact with.Design in FigmaThree Figma files generated from the same tokens and contracts: foundations, components and specifications.
Built with Wolf-Rayet
Watchtower Overseer is a supervision app for AI agents on live calls. It is painted with Wolf-Rayet's generated tokens, and it keeps one demand on screen at a time. It runs below as it does on its own page.