Type ramp — all six variants
Display: the biggest voice on the page
Title: section-level headline
Subtitle: card and item headers
Body: the reading voice. This paragraph exists to show measure, line height, and color at the default reading size.
Caption: metadata, attribution, fine print.
This text has UNSPECIFIED variant and color — should read as default body.
Heading level 0 in the doc — must clamp to h2, not crash.
Heading level 9 in the doc — must clamp to h6, not crash.
Color roles — badges and card backgrounds
unspecifiedprimarysecondaryaccentsurfacemutedon-primaryon-surface
card on surface
card on muted
card on primary
card on secondary
Deep nesting — section › grid › card › stack › leaf
All four conversion kinds
The CTA group below resolves phone, email, link, and form conversions. Form renders as a link until the M1 island lands.
Divider spacing scale: none, xs, sm, md, lg, xl, unspecified (=md)
Repeater with columns: 9 in the doc — must clamp to 4
Full-bleed band: secondary background.
Full-bleed band: accent background.