Preview image. Unlock full-res
A clean typographic explainer pairs body text with an interactive spacing chart to show how line length affects leading.
Summary
A clean typographic explainer pairs body text with an interactive spacing chart to show how line length affects leading.
Visual description
A white background features a paragraph of black serif text at the top. Below is a white square containing a grid of light grey dots, labeled LINE HEIGHT on the y-axis and MEASURE on the x-axis. A diagonal light green translucent band cuts across the grid, with numerical values and "CH" markers placed at the edges.
Key takeaway
Use a translucent geometric overlay on a coordinate grid to visually map the relationship between two design variables.
Reuse notes
Reach for this as a type specimen reference. Pairs with typographic, clean directions. Original by Josh Puckett.
