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 body text is easy on the eyes.AaAaAa
ColorValuesBalancedA calm, balanced palette.
ShapeValuesRoundedRounded corners feel friendly.
ElevationValuesSoftSoft shadows suit warm paper.How it feels to use
SpacingValuesSpaciousRoom around the text helps reading.
MotionValuesModerateModerate speed feels calm.
IconographyValuesMatch the textIcons match the text size.
AccessibilityValuesTouch sizeReaders are often on phones.Where it runs and how it speaks
ThemingValuesLight and darkLight and dark ship as standard; dark helps night reading.
NamingValuesLowercase words in pathsLowercase paths read the same everywhere.button/primary/background
Voice and toneValuesConversationalTalk to one reader, like a good editor.Save
ComponentsValuesOnly when the meaning changesPages stay calm when a component changes only with its meaning.36of 62 in the catalogue