Reference
Components and tokens
Every component with live specimens on light and dark grounds, its props, states, markup and the tokens it binds; every token, the laws and the patterns.
Design system
ExampleDesignSystem
The system as code, running in the browser: three tiers of tokens, 69 HTML and CSS components, 15 page templates and one optional behavior script.
Style guide
Foundations
Typography, color, measure, layout, motion and the rules, each drawn from the same files the components use.
Gallery
Every component and template
Each preview as its own page, in the Light, Dark surface and Alternate pack themes.
How-to
Use it and work on it
How the repository is organized, how to load the system and build a page, how tokens work, and how to work on the system with GitHub.