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
TypographyValuesRegularRegular body size suits all brands.AaAaAa
ColorValuesBalancedBalanced, so any brand hue works.
ShapeValuesRoundedRounded by default; each brand sets its own corner.
ElevationValuesSoftSoft shadows fit every brand.How it feels to use
SpacingValuesComfortableComfortable spacing in every brand.
MotionValuesModerateModerate speed across brands.
IconographyValuesMatch the textIcons match the text.
AccessibilityValuesTouch sizeCustomers sign up on phones.Where it runs and how it speaks
ThemingValuesLight and darkLight and dark ship for every brand.
NamingValuesLowercase words in pathsLowercase paths read the same everywhere.button/primary/background
Voice and toneValuesPlain and directThe shared core is plain and direct.Save
ComponentsValuesAlso for emphasis and sizeVariants for emphasis and size let each brand feel present without new components.49of 62 in the catalogue