Preview image. Unlock full-res
Type scale page pairing an editorial display headline and body samples with an optical-size callout, demonstrating the Mona Sans hierarchy.
Summary
A type scale page introducing the editorial hierarchy of Mona Sans, showing a large H0 display headline, body copy, and a pullquote, plus an optical-size control callout.
Visual description
A short top-left intro ("Type scale ... suited for an editorial feel") sits beside a light UI tile showing an "Optical size 15" slider with "Set optical size automatically" checked and an OPTICAL SIZES note about the OPSZ axis. A thin rule separates a lower band: a huge H0 display headline ("Join the most widely adopted AI-powered developer platform."), a monospace PULLQUOTE ("Short claim or statement"), an H2 medium line, and two columns of BODY LARGE and BODY MAIN paragraphs, each labeled with its Mona Sans size and leading in monospace. Off-white background, standard header and green rule above.
Key takeaway
Documenting a type scale by pairing live samples at real sizes with monospace spec labels (size/leading/weight), and surfacing the optical-size axis as a first-class control rather than an afterthought.
Reuse notes
A useful reference when a typeface has an optical-size axis. Showing the OPSZ UI alongside the scale teaches both the hierarchy and the tooling needed to use it well.
From this deck: GitHub guidelines - type scale
View deck
