Guides
Short, practical answers for reading a live web page — what it is built from, what the numbers behind it are, and how to take them somewhere useful.
Give your AI the real design of a page
Measured values instead of a screenshot it has to guess from
Find what font a website uses
Four ways, and what the font name alone leaves out
Copy CSS from a website
The rules behind one element, without the framework around it
Measure the distance between elements
The measurement DevTools does not offer — and why a margin disappears
Copy an animation from a website
Timing, easing and keyframes, including animations built in JavaScript
The tool behind the guides
Hover anything on any page for its size, spacing, type, colours and motion. Free for 7 days, then a one-time payment.
Add to Chrome — free trialExtensions compared
Honest comparisons of the tools designers use to read a live page — including ours, with its weak spots named. See all comparisons.