Interface Lab
Back to knowledge
Typography Color Accessibility

Font Weight Emphasis

Font weight creates emphasis; it should not make every label bold.

Design Principle

Too much bold text loses emphasis and makes dense interfaces feel heavy.

Principle

Too much bold text loses emphasis and makes dense interfaces feel heavy.

Design action

Use a small set of regular, medium, and semibold roles; strengthen values or current items while keeping notes light.

Examples

Positive example: Metrics, tables, settings, and navigation. Counterexample: Body, labels, and buttons all use heavy weight.

Apply when

Metrics, tables, settings, and navigation. Titles, labels, values, and notes need distinction.

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

Use a small set of regular, medium, and semibold roles; strengthen values or current items while keeping notes light.