One bird and the rules around it. It is how Folio looks, moves, and sounds.
Read the guidelines ↓Tokens
Semantic roles for every color in the UI; components never touch raw values.
Layout
One shared gutter, one floating bar; edges always line up.
Surfaces
The physics of a surface: flat depth, one corner scale, one scrollbar per page.
Primitives
A small kit of thin wrappers; pages compose the kit, never the raw library.
Patterns
Selected, loading, error, stepper, and the interaction ground rules.
UI motion
Bubble choreography, page transitions, and the reduced-motion contract.
Tours
Every coach mark through one factory: one skin, one motion, no forks.
Illustration
Flat spot art in a fixed frame, colored by tokens so it recolors itself.