Visual Hierarchy Check
Detect headings, calls to action, and emphasized text that establish a perceivable order of importance.
Check your websiteWhy this check matters
Hierarchy helps visitors understand what to read and do first. Strong structure can reduce cognitive effort without adding more content.
Passing evidence
H1 → supporting copy → primary CTA → section headings → detailsCommon failing evidence
Every heading, paragraph, and button uses the same size and emphasisPossible false positives
- Minimal utility screens can have intentionally shallow hierarchy.
- Source-level signals cannot fully measure size, position, and visual weight.
How to fix it safely
- Prioritize one page heading and one primary action.
- Create distinct levels for sections and supporting detail.
- Reduce competing emphasis from secondary elements.
How to verify the fix
- Blur or squint at the page and identify what remains visually dominant.
- Confirm the reading order stays clear on mobile.
Related Design checks
Run the complete audit
Check this signal together with the related category evidence on the current public page.
Open the design audit tool
