Index · seven movements
The system,
in rhythm.
in rhythm.
Warm paper, deep ink, three typefaces with strict jobs. Jade marks your commit; purple means the agent did it. Every specimen on this site is rendered live from tokens.css — in both themes, at every breakpoint — so the documentation can never drift from the system. Built to be read by people and machines.
01
Foundations
Color and tokens in both themes · type · icons · layout · motion · numbers
→
02
Components
Buttons, forms, chips, cards, progress, tables, feedback, overlays, charts
+ Post a shift
→
03
Patterns
The agent works in the open · chat & canvas · dark theme · the app shell
Working
→
04
Native
iOS & Android · Crew worker app · tokens.swift and tokens.kt from one source
CadenceColor.brand
→
05
Brand
The downbeat mark · measure, stamp, underbeat · why jade · imagery · assets
cadence
→
06
Voice
Calm. Direct. Names over roles. Active over passive. No emoji, no exclamation points.
“Maya hits her 2-year on Sunday.”
→
07
Start
tokens.css · tokens.json · starter shell · llms.txt for your agent
tokens.css ↓
→
The rule of jade
An evergreen, not a go-button. Live states, confirmed coverage, and the one committing action per surface.
The rule of purple
Only where the agent acts — briefings, drafts, the ask bar. If it's purple, Cadence did it.
The promise
We don't sell software. We sell the outcome.