Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • All caps are harder to read because uniform letter shapes reduce word recognition.

  • Avoid using all caps for long headings, paragraphs, or instructions—reserve it for brief labels, buttons, or acronyms.

  • All caps can feel like shouting in some contexts, so use it intentionally and with tone in mind.
  • Ensure strong color contrast and adequate size, since all‑caps text can appear visually denser and heavier.
  • Recommended to increase letter‑spacing (tracking) slightly to improve legibility when all caps are necessary.

Headings

Headings should create a clear visual hierarchy that helps users scan, understand structure, and navigate content quickly. Effective headings balance clarity, consistency, and accessibility so users can grasp meaning at a glance.

  • Use a logical hierarchy (H1 → H2 → H3…) that reflects the content structure, not visual styling alone.

  • Differentiate heading levels with size, weight, and spacing, not color alone or decorative styles.

  • Avoid styling that reduces readability—such as all caps, excessive italics, or low‑contrast colors.

  • Maintain consistent spacing above and below headings to support scannability and rhythm.

  • Apply consistent heading styles across the entire site so users can rely on predictable patterns and quickly understand hierarchy.

Italics

Use italics sparingly and for emphasis, not as a primary typographic style.

...