To try every axis live, open the playground. These pages explain what you see there and how to use it in your own work.
Start
- Getting startedInstall the tokens, load the stylesheet and choose a look.
- PhilosophyThe design language: a dark building lit through colored glass.
Foundations
- ColorStone, glass and the light between them, in four flavors and twelve pigments.
- TypeFour families, each with one job, and a scale of type roles.
- ShapeSmall radii for cut stone, pointed arches, and lead lines between panes.
- LightElevation as illumination: Lumen for hierarchy, Cast for state, Halo for focus.
- MotionTwo speeds, fast for controls and slow for light, and none when asked.
Reference
- TokensEvery token of the core, generated from its DTCG files.
- AccessibilityThe contrast and motion guarantees of the tokens, and what stays your job.
Guides
- Theming an appStart from the visitor's system, let them choose, keep the choice, and theme part of a page.
- Writing a portTheme a desktop application from the palette, for every flavor.