Preview image. Unlock full-res
Body styles page laying out the text hierarchy from Body XLarge to Footnote, including a large mono blockquote, each sample labeled with its spec.
Summary
The body-text spec: a ladder of body styles from Body XLarge down to Footnote, including Blockquote, Caption, Eyebrow and a tiny step bar chart, each sample labeled with its Mona Sans spec.
Visual description
A left column ("Body styles") explains most text is Mona Sans Regular with larger placements in Medium, beside a small green step chart from Quote (48px) down through Body XL, LG, Main, SM, Footnote. A center column stacks paragraph samples (BODY XLARGE, BODY LARGE, BODY MAIN, BODY SMALL) with monospace spec labels and thin rules. A right column holds a large Mona Sans Mono BLOCKQUOTE ("Simplify your toolchain, automate tasks, and improve the developer experience."), then CAPTION, an uppercase EYEBROW, and a mono FOOTNOTE. Off-white background, standard header and green rule above.
Key takeaway
Covering the full body hierarchy on one page with real paragraph samples and a step chart, and reserving the mono cut for the blockquote and footnotes so the role of each style is unmistakable.
Reuse notes
A thorough body-style reference. The three-column split (intro/chart, running body, mono accents) is a tidy way to fit an entire text system on a single spread.
From this deck: GitHub guidelines - body type styles
View deck
