What Gets Read First?

Visual hierarchy helps readers see what matters most, what comes next, and where to find supporting details. The left column shows an example of what it looks like. The right column explain the strategies the example uses.

Example: Strong Visual Hierarchy

Project Review

What employees need to know before submitting revised client documents

What You Need to Know

Caldwell & Associates is reviewing client-facing documents for clarity, accessibility, and consistent design.

Key Deadline Submit Revised Documents by October 15

Three Steps to Complete the Review

Review Check the document for clarity and usability.

Revise Improve wording, organization, and design.

Submit Send the revised version for final review.

Additional Details

Supporting information can appear lower in the hierarchy. Readers who need more detail can continue reading without searching through it for the main message.

5 Ways to Create Hierarchy

Size

Larger elements attract attention first. Save the largest type for what matters most.

Weight

Bold text creates emphasis. Use it selectively so key words stand out.

Placement

Put important information near the top of the page or at the start of a section.

Contrast

Differences in color, size, shape, or style make important information stand out.

White Space

Space separates groups and gives important information room to stand out.

Design the Reading Order

Use size, weight, placement, contrast, and white space to show readers what matters most. If everything is emphasized, nothing is emphasized.

Last Updated September 7, 2026