Design systems

Two design systems, both live in light and dark mode. Kinetic is for a banking app, with tokens, components and full screens. Wolf-Rayet has one rule: only one thing in each part of a screen may demand attention, and every build checks it.

Kinetic, a design system for a banking app

Foundations, tokens, components, patterns, real screens and the rules that keep them consistent. Motion is designed as part of the system, not added at the end. Every layer runs live.

Wolf-Rayet, its name over a dark sky with one bright star cluster

Wolf-Rayet, a design system that limits what grabs attention

Tokens, 65 components and four themes, backed by 143 written decisions. One rule runs through it: only one thing in each part of a screen may demand attention, and every build checks it. Live at r136.dev.