Attention heatmap
also: predictive heatmap
An attention heatmap is a color overlay showing where visitors focus on a page — warm colors for high attention, cool for low. A predictive attention heatmap is generated by an AI saliency model before launch; a real heatmap is recorded from live visitor behavior.
Two things share the name 'heatmap' and get confused. A click/scroll heatmap (Hotjar, Clarity) records what real visitors did — you need live traffic, a tracking script, and weeks of data. A predictive attention heatmap forecasts where the eye will go from a screenshot alone, in seconds, with no visitors.
Predictive is the only kind that works before you publish: on a mockup, a staging URL, or a page an AI builder just generated. It cannot know intent or conversions — it models first-seconds visual attention — but that is exactly the signal you cannot get any other way pre-launch.
See it on your own page
Free score /100 · no signup · results in seconds
RELATED TERMS