Visual Hierarchy Check
Compare the browser-rendered H1 size and weight with representative body text, using geometry and computed styles rather than emphasis tags.
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.
- Borderline computed-style differences are returned for review instead of scored as failures.
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
