Typography

One scale, and the faces are yours: the base theme sets it in Nunito Sans

Mega and Display styles are for hero moments and landing pages. Headings structure sections. Title is for bold labels. Paragraph Em is the default for buttons and interactive controls. Paragraph is body copy. The SM variants scale each of those down for compact components and secondary text. Overline is the uppercase label face, always paired with an uppercase transform at the use site. Caption is the floor, for footnotes and disclaimers only. The faces are theme decisions: the scale chains through heading and body family roles, and the shipped themes mix serif, sans, grotesk, rounded and mono pairings over this same scale.

Every style chains its family through one of two role tokens: the display and heading styles read --font-family-heading, the body styles read --font-family-body, and both resolve to --font-family-primary by default. The base theme keeps the roles on one face; several presets split them, and consumers of the package can point them at different faces to pair a heading font with a body font, previewing pairings in the playground. The printed specs are the base theme's values: a preset sets its own tier weights and tracking, and Forest sets its display tier to semibold. Colour works the same way: display text reads --color-text-display and headings read --color-text-heading, both aliasing the primary text, so a theme can give a tier its own colour.