Tools · Readability audit · Store capsule
Eye Catch
Where the eye goes first in a screenshot or store capsule. Heat map, ranked boxes, squint test.
You want to check which spot in a screenshot or capsule the eye sees first.
This version
Synced 2026-09-22 from commit dd1d6cc.
- ·Sample capsule analysed on boot
- ·Input.sample from assets/
Drop in a screenshot. It marks the spots that pull attention and ranks them: #1, #2, #3. Painters call the idea value hierarchy. The lightest, highest contrast thing gets looked at first. The Steam capsule advice "view it in black and white, the title must be the brightest thing" is the same test.
Under the hood it is a small saliency model: contrast in brightness and colour against the surroundings, at three sizes, added up. Regions above a threshold are grouped (so a word counts as one thing, not eight letters) and ranked by how much they stand out.
Views: original, grey, squint (blurred), notan (two to five flat values), heat map. Download the marked-up PNG or a JSON of the boxes.
It measures bottom-up pull only. Faces and words also grab eyes because brains care about them, and this does not know that.