Preview image. Unlock full-res
Light type-hierarchy spec mapping every text role from eyebrow down to CTA button against a worked monetization example.
Summary
A full type-hierarchy reference on white: a column of monospace role labels (eyebrow, headline, sub-headline, body, small body, label, call to action) sits beside a complete worked example so every text style is shown in use at once.
Visual description
White full-bleed slide. A small all-caps mono header reads "HIERARCHY - FULL" top left, with a "TYPOGRAPHY / BRAND GUIDELINES" running label and a one-paragraph intro top right. Down the left edge runs a stack of tiny all-caps mono role labels (EYEBROW, HEADLINE, SUB-HEADLINE, BODY, SMALL BODY, LABEL, CALL TO ACTION). Aligned to each label, the worked example builds top to bottom: a small "WHY MASH?" eyebrow, an oversized black grotesque headline "Flexible, Instant, And Frictionless Monetization & Donations", a bold "Any amount. No minimums." sub-headline, a paragraph of body copy, a smaller caption block, a mono date label "SEPTEMBER 24, 2021", and finally a black pill "Start earning" CTA button. All text is left aligned in the same neo-grotesque, with mono used only for labels.
Key takeaway
Pairing a labeled role ladder with one continuous real example, so the spec doubles as a layout. The discipline of reserving monospace strictly for utility labels while the editorial grotesque carries every content level.
Reuse notes
A clean template for documenting a type system inside a brand or product guideline. Works for any identity that wants to show hierarchy as a single readable composition rather than isolated swatches. Needs a genuine copy example to fill the right column.
From this deck: Mash type hierarchy full specimen
View deck
