Design Principle
Overwide lines lose place, tight line height feels cramped, and loose line height reduces useful density.
Principle
Overwide lines lose place, tight line height feels cramped, and loose line height reduces useful density.
Design action
Constrain body text measure; multiline summaries need stable height and form help text should use smaller but readable line height.
Examples
Positive example: Docs, knowledge detail pages, descriptions, and form help text. Counterexample: Text spans the full ultrawide page.
Apply when
Docs, knowledge detail pages, descriptions, and form help text. Card summaries need multiple lines.
Source notes
Source note: Synthesized from W3C WCAG 2.2, Apple Accessibility, IBM Carbon Accessibility, and accessibility practices in major design systems. WCAG 2.2: https://www.w3.org/TR/WCAG22/ WCAG Contrast Minimum: https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html WCAG Non-text Contrast: https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html Apple HIG Accessibility: https://developer.apple.com/design/human-interface-guidelines/accessibility Carbon Accessibility Overview: https://carbondesignsystem.com/guidelines/accessibility/overview/
Agent Directive
Constrain body text measure; multiline summaries need stable height and form help text should use smaller but readable line height.