Predict where users
look first
Upload a screenshot and get a rule-based attention heatmap, CTA ranking, leakage detection, and visual clutter score — no eye-tracking study required.
Drop your screenshot here
or click to browse · or paste (⌘V)
PNG, JPG, WEBP · Max 20 MB
What we analyse
7 attention dimensions. One heatmap.
Attention Heatmap
Colour-graded overlay shows where users are predicted to look first — red is highest attention, blue is lowest.
CTA Attention Analysis
Ranks your call-to-action in the predicted attention order and scores its prominence, visibility, and placement.
Hero Effectiveness
Evaluates hero dominance, headline prominence, and message visibility in the top of the design.
Attention Leakage
Detects decorative elements that steal attention from functional content — buttons, headlines, and CTAs.
Visual Clutter Score
Counts competing focal points and measures edge density to flag layouts likely to cause cognitive overload.
Focus Order Ranking
Predicts the top 7 regions a user will notice and ranks them by visual weight, from most to least prominent.
How it works
From screenshot to heatmap in seconds
Upload a screenshot
PNG, JPG, or WEBP of any UI — web, mobile, or desktop. No live site needed.
We build the saliency map
7 signal types are combined: edge density, local contrast, colour, position bias, and OCR text regions.
Heatmap & rankings generated
A colour-graded overlay is composited onto your image and attention regions are ranked by visual weight.
Review and act
Identify leakage, improve CTA placement, reduce clutter — all from a single report.
Note: This is a rule-based approximation of visual attention, not a substitute for real eye-tracking studies. It predicts likely focus areas based on contrast, edges, colour, and position — the same signals trained UX researchers use for heuristic evaluation.