Foundations
The tokens, guidelines and visual styles the components are built from: colour, spacing, typography and more.
Design tokens
Styles
ColorSurfaces, text, bold grounds and borders.TypographyThe sizes and line heights text is set at.SpacingThe steps between things, and the heights controls take.RadiusHow round each kind of corner is.ElevationThe two shadows that lift a surface off the page.BorderOutlines, dividers and the focus ring.IconographyIcon sizes and how they take colour.MotionHow long things take to move, how they ease, and how much each level may move.