@wolf/design-system · v0.2

The Wolf design system, rendered live.

A single visual home for the tokens, patterns and components that ship across every Wolf surface — enterprise, community, investor, docs, changelog and this site. Written specs live in wolf-brain/design/. This gallery is where you can see them.

Start with the foundations Read the written spec

Three layers

Each layer is independently readable. The foundations state the rules. The patterns solve recurring UX problems by composing foundations. The components implement those patterns as code.

01Foundations

The eleven laws. No code — the rules every Wolf surface follows.

11 pages

02Patterns

Composed solutions to recurring UX problems. Reference the foundations.

9 pages

03Components

The primitives. Grouped by form, interactive, and composed helpers.

21 pages

How to read the gallery

01Each page shows a live example plus a snippet you can lift.
02Every page links back to its canonical markdown — that is the source of truth for any rule you read here.
03Toggle light / dark in the header. Every example is built with the same tokens, so nothing should break.