Foundations
Every scope answers the same five questions. This is the answer that sets each scope's values; open a scope for all five, its tokens and its specimen.
How it looks
TypographyValuesLargeLarge text is readable for more people.AaAaAa
ColorValuesBalancedStrong but not loud color.
ShapeValuesSlightly roundedClear, slightly rounded controls.
ElevationValuesNo shadowsNo shadows; borders do the work.How it feels to use
SpacingValuesSpaciousSpace lowers effort and mis-taps.
MotionValuesModerateModerate speed is easy to follow.
IconographyValuesLarger than the textLarger icons are easier to see.
AccessibilityValuesLargeLarge targets for tremor and touch.Where it runs and how it speaks
ThemingValuesLight and darkLight and dark ship as standard; both hold AAA text.
NamingValuesLowercase words in pathsLowercase paths read the same everywhere.button/primary/background
Voice and toneValuesPlain and directEvery sentence is easy to read on the first try.Continue
ComponentsValuesOnly when the meaning changesOne clear way to do each thing.41of 62 in the catalogue