Squint

Squint

Drop in a screenshot of an interface. Squint measures it — the spacing grid you actually used, every padding, the alignment near-misses, the type scale, the contrast per line of text, the colours nobody can tell apart — and then blurs it until only the hierarchy is left.

or drop one here · or press Ctrl+V to paste

No screenshot to hand? Take one of mine apart:

Or compare two: the mock against what got built

Both are measured the same way, then every gap, padding, margin, type size, colour and contrast ratio is lined up with its counterpart. What comes back is the list of places they differ by more than the measurement is good for — no score.

or drop two images at once — the first is the mock

Or a whole folder: every screen, one table

Each screenshot is measured in turn, exactly as a single one is. What comes back is one table — spacing repeat ratio, text sizes, worst contrast and how many lines fail, colour count, squint winner share — a row per screenshot, with its findings behind it. Read down a column to find the screen that is not like the others. No overall score.

or drop three or more images, or a folder, anywhere on this page

  • Nothing is uploaded. There is no server. The image never leaves the tab.
  • Nothing is a guess. Every number is measured off the pixels, in the CSS pixels of the original interface.
  • It works offline. Install it and it keeps working on a plane.

One of the autopilot projects · idea #149

Batch

    Every number is in CSS pixels, so it depends on the pixel ratio: each row says which one its file was measured at, and the control above sets it for the whole batch if the guess is wrong.

    Nothing is uploaded. Every screenshot is measured in this tab, one after the other; the report is one file, built here, that opens offline.

    Drop it