Foundations

Typography

Type scale, families and text roles.

Three families and a small set of text roles. Set the families once in your root layout.

Families

--lantern-fontThe quick brown fox jumps over the lazy dog

--lantern-font-brandThe quick brown fox jumps over the lazy dog

--lantern-font-monoThe quick brown fox jumps over the lazy dog

--lantern-textBody text

--lantern-text-smSmall body text

--lantern-text-metaMeta — dates, counts, secondary labels

--lantern-text-captionCaption — uppercase micro-labels

--lantern-text-mono-metaMono meta — ids and codes

Titles come from page_header, never a hand-sized heading.