Preview image. Unlock full-res
A line-height intro page with a tonal dark letterform field on the right ruled by thin blurple baselines, beside a short left explainer.
Summary
An intro page for the line-height rules: a small left explainer sits beside a near-black right panel filled with very large tone-on-tone "GIN / NO / ULT" letterforms crossed by thin blurple baseline rules.
Visual description
White-left / near-black-right split. The left column shows the "04 TYPOGRAPHY" eyebrow, a two-tone "USAGE / LINE HEIGHTS" headline (USAGE blurple, LINE HEIGHTS black), and one short paragraph on why correct line height matters. The right two-thirds is a dark panel holding oversized letterforms set just slightly lighter than the background (a tonal charcoal-on-black), spelling fragments "GIN", "NO", "ULT" stacked tight. Thin blurple horizontal lines run across the panel marking the baselines and line spacing between the rows, visualizing line height directly on the type.
Key takeaway
Demonstrating line height by drawing the actual baseline grid as thin accent lines over near-invisible tone-on-tone type. The low-contrast letterforms keep focus on the spacing relationships rather than the words.
Reuse notes
A quietly technical intro for a spacing or grid section. The tone-on-tone-plus-accent-rule device works for any page where the concept is structure, not content. Pairs with the following headline and paragraph line-height detail pages.
From this deck: Line heights intro spread
View deck
