DensityVsComfortTradeoff [fact] v1.0.0

Information density and reading comfort are inversely related: tighter line-height, smaller type, and reduced whitespace fit more on screen but slow reading speed, increase fixation duration, and raise comprehension errors.

Higher information density (smaller type, tighter line-height, reduced whitespace) is appropriate for expert / pragmatist personas who scan and act, while lower density (larger type, generous line-height, more whitespace) is appropriate for editorial / reading personas who need sustained comprehension — the same UI cannot optimise both.

Confidence

strong

Applies To

• persona-driven density decisions (dense pragmatist vs editorial)
• dashboards (denser) vs landing pages (looser)
• data tables vs marketing pages
• responsive density: tighter on desktop power-user views, looser on mobile reads

Quantitative

• Dense Line Height: 1.3–1.4
• Comfort Line Height: 1.5–1.7
• Dense Body Size: 13–14 px
• Comfort Body Size: 17–20 px

Counter Conditions

• Mobile contexts often demand both: dense per-row info but generous touch targets.
• Dark mode may need slightly more line-height than light mode at the same density to compensate for halation.
• Personalisation (user-controlled density modes — Linear's compact/comfortable toggle) sidesteps the tradeoff.

DensityVsComfortTradeoff [fact] v1.0.0

Information density and reading comfort are inversely related: tighter line-height, smaller type, and reduced whitespace fit more on screen but slow reading speed, increase fixation duration, and raise comprehension errors.

Higher information density (smaller type, tighter line-height, reduced whitespace) is appropriate for expert / pragmatist personas who scan and act, while lower density (larger type, generous line-height, more whitespace) is appropriate for editorial / reading personas who need sustained comprehension — the same UI cannot optimise both.

Confidence

strong

Applies To

• persona-driven density decisions (dense pragmatist vs editorial)
• dashboards (denser) vs landing pages (looser)
• data tables vs marketing pages
• responsive density: tighter on desktop power-user views, looser on mobile reads

Quantitative

• Dense Line Height: 1.3–1.4
• Comfort Line Height: 1.5–1.7
• Dense Body Size: 13–14 px
• Comfort Body Size: 17–20 px

Counter Conditions

• Mobile contexts often demand both: dense per-row info but generous touch targets.
• Dark mode may need slightly more line-height than light mode at the same density to compensate for halation.
• Personalisation (user-controlled density modes — Linear's compact/comfortable toggle) sidesteps the tradeoff.

Sources

Confidence

strong

Source

• Bringhurst, 'Elements of Typographic Style' — chapter on text setting
• Nielsen Norman Group, 'Information Density and Search' (2018)
• Linear / Vercel / Stripe (high-density) vs Atlantic / Medium / Readwise (low-density) — observed contrast in the wild

Applies To

• persona-driven density decisions (dense pragmatist vs editorial)
• dashboards (denser) vs landing pages (looser)
• data tables vs marketing pages
• responsive density: tighter on desktop power-user views, looser on mobile reads

Quantitative

• Dense Line Height: 1.3–1.4
• Comfort Line Height: 1.5–1.7
• Dense Body Size: 13–14 px
• Comfort Body Size: 17–20 px

Counter Conditions

• Mobile contexts often demand both: dense per-row info but generous touch targets.
• Dark mode may need slightly more line-height than light mode at the same density to compensate for halation.
• Personalisation (user-controlled density modes — Linear's compact/comfortable toggle) sidesteps the tradeoff.