The doctrine
Plant a Seed
Pick a seed color. The whole world tints — surfaces, containers, every role regenerates. That's Material You.
Scene 02 · The question
Why Do Systems Feel Safe?
A system answers every touch the same way — like a well-made tool. Press it anywhere.
Scene 03 · The evolution
Paper to You
Ten years, one metaphor folding forward. Step through the eras.
Material You
I/O 2021: M3 re-founds the system on dynamic color — your wallpaper becomes the palette.
tonal surfaces, dynamic color
Scene 04 · The company
The Paper Folders
Shown in the dark mirror of your seed — the people who folded quantum paper.
Scene 05 · The power-up
The Token Machine
Five rules, all tokens. Turn the dials — the components rebuild from the numbers.
Card title
Rebuilt from tokens the moment you move a dial.
One seed tints every surface by tone — the page is one material, one hue.
Radii are a scale, not a whim — 8 to 28px, pills for actions.
Shadow and tonal lift signal hierarchy; decoration is never the reason.
Hover, focus, press each tint the surface a defined opacity of its on-color.
Display to label: one family, five roles — the system's entire voice.
Scene 06 · The shelf
The Reference Shelf
The system documents itself better than anyone — start here.
The launch: quantum paper, explained by the people who folded it.
The reference itself — tonal surfaces, pill actions, and every token documented.
opens in a new tabGoogle Fonts ↗Material on the web at production scale — state layers everywhere.
opens in a new tabAngular Material ↗The component library, live and open source.
opens in a new tabScene 07 · The verdict