Test Your Visual Hierarchy
Analyze websites, banners, emails, and social posts with AI. Get instant insights on what captures attention and what gets missed.
Visual Clarity Score
Good
What Our AI Reveals
Go beyond guesswork. BlurTest delivers six layers of visual analysis grounded in neuroscience and design research.
Attention Heatmaps
Red, yellow, and green zones revealing predicted attention distribution across your design.
Eye Path Prediction
Numbered fixation sequence showing the natural scanning order based on saccade research.
Visual Clarity Score
0–100 composite score with sub-scores for CTA, flow, balance, and grouping.
CTA Visibility Analysis
Measures CTA size, contrast, whitespace padding, and position in the visual hierarchy.
Gestalt Principle Check
Evaluates proximity, similarity, enclosure, continuity, and figure-ground separation.
Actionable Recommendations
Prioritized quick wins with impact ratings so you can iterate faster.
See Real Examples
Explore sample analyses to understand how BlurTest reveals visual hierarchy issues and provides actionable recommendations.
Why BlurTest Works
Understand the proven design techniques and neuroscience behind effective visual hierarchy
What is Visual Hierarchy?
Visual hierarchy is the arrangement and presentation of design elements by importance. It guides the viewer's eye through your content in a deliberate order—from the most important element (your headline or CTA) to supporting details.
Without clear hierarchy, users don't know where to look first. They scan randomly, miss key information, and leave. Strong hierarchy = higher conversions.
Key principles:
- Size: Larger elements attract attention first
- Contrast: High contrast creates visual weight
- Whitespace: Isolation makes elements stand out
- Position: Top-left and center get attention first
Blur Test vs Squint Test
Both techniques strip away detail to reveal visual hierarchy, but they work differently:
👁️ Squint Test (Manual)
Squint your eyes to blur your vision naturally. What still stands out? This old-school designer trick is subjective and hard to measure.
🎯 Blur Test (AI-Powered)
Apply Gaussian blur algorithmically to simulate peripheral vision. BlurTest AI adds quantitative scores, attention heatmaps, and actionable recommendations.
Why Blur Test is better:
- Consistent, repeatable results
- Quantified scores (0-100) vs. gut feel
- AI analysis + neuroscience principles
How to Evaluate CTA Visibility
Your Call-to-Action button is your conversion point. If users don't see it immediately, they won't click. Here's how to evaluate CTA visibility like a pro:
Size & Contrast
CTA should be 2-3x larger than body text. Use high-contrast colors (e.g., orange on blue background).
Whitespace Padding
Surround CTA with generous whitespace (at least 40px on all sides) to isolate it from clutter.
Position in Scanpath
Place CTA at the natural end of the eye's reading flow (bottom-right for F-pattern, center for Z-pattern).
Blur Test It
Apply 10-15px blur. If your CTA disappears, it needs more contrast or size.
💡 Pro tip: Only one primary CTA per screen. Multiple CTAs split attention and kill conversions.
Analyze Any Content Type
Whether it's a landing page, display ad, marketing email, or social post—get specialized AI analysis tailored to each format's unique requirements.
Websites
Test landing pages and web interfaces. Analyze visual flow, CTA visibility, and user attention patterns.
- Eye path prediction
- Attention heatmaps
- URL screenshot capture
Display Banners
Neuroscience-based analysis for display ads. Predict saccade paths and brand encoding.
- Saccade path prediction
- Pre-attentive processing
- Gestalt principle check
Marketing Emails
Optimize email conversion with above-fold analysis and mobile readiness checks.
- Above-fold assessment
- Mobile readiness score
- CTA visibility analysis
Social Media
Analyze scroll-stopping power for Instagram, LinkedIn, Twitter/X, and more.
- Scroll-stop prediction
- Engagement scoring
- Hook/text analysis
How It Works
Three steps to better visual hierarchy
Upload Your Content
Upload a screenshot, enter a URL, or drag and drop. Supports websites, banners, emails, and social posts.
Apply the Blur Test
Adjust the blur level to strip away details. What remains visible is what the brain processes first.
Get AI Analysis
Receive specialized insights, attention predictions, and actionable recommendations for your content type.
A/B Test Before You Launch
Upload 2-3 design variations, analyze all at once, and see which performs better across every metric.
See the Winner
Automatic winner detection across all metrics with clear score breakdowns.
Detailed Breakdown
Compare CTA visibility, visual flow, balance, and all other metrics side-by-side.
Fast & Easy
Upload variants, analyze all at once. Results in seconds, not days.
Save Resources
Test before investing in production. Validate designs before spending time and budget.
The Science Behind BlurTest
Our analysis is built on decades of neuroscience and visual perception research, not subjective opinions.
Pre-attentive Processing
In under 200 milliseconds—before conscious awareness kicks in—the brain detects certain visual features automatically. BlurTest evaluates these pre-attentive triggers in your design.
- Luminance contrast and color pop detection
- Size anomaly and spatial isolation
- Motion cues and orientation breaks
Saccadic Eye Movements
The eye makes 3–4 rapid jumps (saccades) per second between fixation points. Only the foveal center captures detail; everything else is peripheral. BlurTest predicts your design's saccade path.
- Fixation point sequence prediction
- Foveal vs. peripheral vision mapping
- F-pattern and Z-pattern recognition
Gestalt Principles
The brain automatically groups visual elements using proximity, similarity, enclosure, continuity, and figure-ground relationships. BlurTest checks whether your layout leverages or violates these laws.
- Proximity grouping and similarity patterns
- Enclosure and common region detection
- Figure-ground separation clarity
Cognitive Load Theory
Working memory can hold only 4±1 chunks at a time. Designs that exceed this threshold cause decision fatigue and lower conversion. BlurTest measures visual complexity against cognitive limits.
- Element count and visual noise assessment
- Information density scoring
- Fewer elements = faster processing = clearer message
Specialized Analysis for Every Format
Each content type gets a tailored analysis framework with metrics designed for its unique viewing context.
Websites
- Visual hierarchy score with sub-metrics
- CTA visibility rating (1–10)
- Eye path (F/Z-pattern detection)
- Spatial grouping and layout balance
- Text density and readability check
- Element detection and labeling
Banners
- 6 neuroscience scores (salience, scanpath, brand, message, CTA, cognitive load)
- Saccade path prediction
- Gestalt principle violations
- Pre-attentive feature analysis
- 3-second rule test
- Brand encoding strength
Emails
- Above-fold content assessment
- Mobile readiness score
- CTA prominence and placement
- Scan path and scanability score
- 6 email-specific neuroscience scores
- Image-to-text ratio analysis
Social Media
- Scroll-stopping power score
- Hook and text overlay analysis
- Human presence detection
- Composition and color impact
- Engagement predictors
- Multi-platform fit analysis
Why Blur Test?
AI-powered insights that actually help you convert
Neuroscience-Based
Analysis grounded in eye-tracking research and visual attention science.
Attention Heatmaps
See exactly where users look first with predicted attention hotspots.
Actionable Insights
Get prioritized recommendations you can implement immediately.
Instant Results
No waiting—get comprehensive analysis in seconds, not hours.
Human Presence Detection
Analyze faces, eye contact, and emotional expressions in your content.
Engagement Prediction
Predict scroll-stopping power and engagement potential for social posts.
Sign up and get 3 free credits
Frequently Asked Questions
Everything you need to know about Blur Test