Why it matters
Browsers fill each line greedily, so multi-line headings often end with a single orphaned word. That makes a headline look unfinished.
How to fix it
Set text-wrap: balance on h1-h3 (and text-wrap: pretty on paragraphs).
Example
h1, h2, h3 { text-wrap: balance; } p { text-wrap: pretty; }More design rules
void design reports 19 rules in this category. Measured design heuristics from computed styles: font families, type scale, line length, palette and accent sprawl, spacing grid, radius sprawl, dark mode and the tells of generated UI.
line-length-shortBody text lines are very short on desktopbody-text-smallBody text is smaller than 15px on mobilebody-line-height-tightBody line-height is too tightheading-trackingLarge headings use default letter-spacingpalette-sprawlToo many distinct colorsmultiple-accentsMore than one accent huegradient-textGradient-filled heading textpurple-gradientPurple/indigo gradient background