Wolf-Rayet
An interface spends its users’ attention, and attention is limited. Wolf-Rayet is a design system that sets a budget for attention and enforces it in code, not in guidelines.
Colour, wording and motion all draw attention. Each one uses the same five levels, and only one thing on a screen may use the highest level. A quiet screen is not unfinished. Often it is the goal.
Read the thesisThe full argument, and 144 decision records that show how each part was decided 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 for using 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 an app for supervising AI agents on live calls. It uses Wolf-Rayet's generated tokens, and it shows only one demand on screen at a time. The live app runs below, the same as on its own page.