Preview image. Unlock full-res
A micro-typography rule on raising the comma baseline in headlines, shown as two stacked lorem headlines with green-good and red-bad detail circles.
Summary
A detail page on one micro-typography rule: manually lifting the comma baseline in headlines. Two identical lorem headlines stack vertically, each with a circular zoom showing the comma raised (good, green) versus sitting low and blending in (bad, red).
Visual description
White-left / near-black-right split. The left column shows the "04 TYPOGRAPHY" eyebrow, a stacked two-tone "USAGE / TWEAK THE COMMA IN THE HEADLINES" headline, and a two-point numbered explanation. The right side stacks two near-identical white all-caps lorem headlines ending in commas. To the right of each is a circular detail callout magnifying the comma area, crossed by a thin horizontal baseline guide: the top one is outlined green (comma nudged up for clearance), the lower one outlined red (comma left on the baseline, colliding with the letters below).
Key takeaway
Dedicating a whole page to a single, almost invisible kerning fix and proving it with side-by-side zoom circles and a baseline guide. The green/red outline on the magnifiers carries the verdict; the baseline rule shows exactly what moved.
Reuse notes
A model for documenting fussy micro-typography (comma drops, punctuation spacing, optical alignment) that otherwise gets ignored. The zoom-circle-plus-guide-line device is reusable for any "look closely at this detail" rule. Worth it only for marks that genuinely recur in your headlines.
From this deck: Tweak the comma in headlines
View deck
