Chapter 8
Space, Density &
Visual Hierarchy
The second page felt more expensive. Not because the dots changed. Because the space around them changed. This tool measures whether your layouts are using space as a persuasion tool — or wasting it as dead area.
Dense
Premium
Researcher Tanaka (2020) showed identical dots on two slides. The page with 5 dots was rated 23% more premium than the page with 40 — not because the dots were different, but because the whitespace elevated them.
Upload screenshots of your web pages and this tool will measure your density, hierarchy clarity, eye-path logic, spacing consistency, and perceived price positioning.
All images are processed locally in your browser. Nothing is uploaded to any server.
Step 1 of 5
Upload Your Pages
Upload 2–5 screenshots of different pages: your homepage, product page, about page, or any key touchpoint. Label each one so you can track results.
PNG, JPG, WEBP · 2–5 images · Max 10MB each
Please upload at least 2 screenshots to continue.
Test 1 of 5
The Density Test
Content-to-space ratio is the single fastest predictor of perceived price. 30–50% content is balanced. Above 65% and your page reads as cluttered — a signal of low-cost, high-volume positioning.
Test 2 of 5
The Eye-Path Test
Where does the eye go first, second, third? A strong layout creates a guided path that ends at your call to action. Click on each image to mark your natural eye-path.
Test 3 of 5
The Squint Test
Blur your vision — or look at 25% opacity. A strong visual hierarchy survives this test. If something clear stands out, your hierarchy is working. If everything competes equally, you have a hierarchy problem.
The page below is at 25% opacity — simulating squinted or peripheral vision
Which element stands out most at 25% opacity?
Without full clarity, what element still draws your eye? This reveals your true visual hierarchy.
Test 4 of 5
Spacing Consistency
Inconsistent spacing is one of the most common signals of amateur design. Compare your pages side by side and answer three questions about visual coherence.
Test 5 of 5
The Luxury Test
Iseki's 2025 whitespace-luxury research found that layout density alone shifts perceived price point by up to 2 tiers. Does your layout match your actual pricing?
Your Results
Space & Hierarchy
Score
Breakdown by Test
Get the full Chapter 8 PDF
Density benchmarks, spacing grid templates, and the Luxury-Whitespace scoring framework — all in one printable chapter.
No spam. Unsubscribe any time.
Was this tool useful?
Your rating helps other brand teams find this resource.