One source, three platforms
One YAML contract — surface, slots, events, states, tokens, accessibility — projects into working React, Flutter, and Lit. Parity is gated in CI, so there is no port drift and no “the mobile version behaves differently.”
§ Contract-first design system · SemVer 0
One contract.
Three platforms.
No port drift.
Author a component once as a YAML contract — surface, slots, events, states, tokens, accessibility. The Wyrding Way projects it into working React, Flutter, and Lit, with parity gated in continuous integration. Interaction and geometry are identical by construction, not by convention.
- Brand & tokens
- Available now
- Components
- Available now
- Behavior & motion
- In preview
- Layout / SDUI
- Coming
- Studio
- Coming
A
What holds true
Four guarantees, strongest first.
Quality is the pipeline, not a promise
Accessibility scans, localization stress fixtures, WCAG contrast, and cross-stack visual parity fail the build — not the audit. If the pipeline is green, the guarantee held.
Brands are inputs
A product’s identity is a DESIGN.md compiled into W3C tokens. The same components re-skin per brand; the system’s own brand never competes with yours.
Agents are first-class authors
Contracts, tokens, and behavior are machine-readable. A human designer and an AI agent work the very same surfaces, under the very same guarantees.
B
The token system is the content
The scale, the rhythm, and the palette are not decoration — they are the source. Here they are, rendered from their own values.
- 07 Author once
- 06 Author once
- 05 Author once
- 04 Author once
- 03 Author once
- 02 Author once
- 01 Author once
- space.1 4
- space.2 8
- space.3 12
- space.4 16
- space.5 24
- space.6 32
- space.7 48
- space.8 64
- Primary #26221a
- Primary hover #3a342a
- Accent #7a6114
- Identity gold #c9a227
- Surface #ffffff
- Container #f7f4ec
- On-surface #1e1b14
- Outline #8a8271
Raw gold ships dark-native; on light grounds interaction uses the deepened accent.
C
The same contract, four design languages
A product’s identity is a DESIGN.md compiled into tokens. One Button re-skins across presets — TWW plus three demonstration homages — with no change to the contract.
Presets are homages, clearly labelled — “inspired by,” never the trademarked names, and no third-party marks. Each is a real DESIGN.md through the real pipeline.
D
If the build is green, the promise held
The site of a design system is the first component a skeptic inspects. Begin with the Button reference and judge the contract for yourself.
Read the Button reference