Problem
Line spacing is too tight, causing multi-line text to read as one dense block.
Solution
Root Cause / Diagnostic:
Collapsing leading (line spacing) causes descenders from upper text lines (g, j, p, y) to collide with ascenders or uppercase caps below. The resulting typographic entanglement fuses multiple lines into an impenetrable, cluttered mass. Viewers cannot rapidly isolate the individual phrases during a scroll.
Actionable Fix:
1. Set leading/line-height to 95%–105% of font size, ensuring at least an 8px clean negative horizontal band between lines.
2. Limit thumbnail typography strictly to a maximum of two lines to prevent vertical text bloat.
3. Inspect multi-line text blocks at 200px width to ensure distinct horizontal rhythm between line one and line two.
Pro Tip:
Two clean, well-spaced lines of bold text will consistently outperform three cramped lines; cut unnecessary words to preserve vertical breathing room.
Collapsing leading (line spacing) causes descenders from upper text lines (g, j, p, y) to collide with ascenders or uppercase caps below. The resulting typographic entanglement fuses multiple lines into an impenetrable, cluttered mass. Viewers cannot rapidly isolate the individual phrases during a scroll.
Actionable Fix:
1. Set leading/line-height to 95%–105% of font size, ensuring at least an 8px clean negative horizontal band between lines.
2. Limit thumbnail typography strictly to a maximum of two lines to prevent vertical text bloat.
3. Inspect multi-line text blocks at 200px width to ensure distinct horizontal rhythm between line one and line two.
Pro Tip:
Two clean, well-spaced lines of bold text will consistently outperform three cramped lines; cut unnecessary words to preserve vertical breathing room.