How it works
Paste any URL and get a full read on a page’s design — the fonts, the color palette, the contrast and the design tokens behind them — as the page actually appears, not as the CSS was written. Then copy, export or share it.
What you get
Every typeface the page uses, shown as a true specimen set in the site’s own fonts — not a lookalike from whatever you happen to have installed. A color palette ranked by how much of the page each color actually paints, every swatch one click to copy. A contrast read on the text as it rendered, plus the type scale, the media queries, the layout and the full heading outline. Because it reports what the page actually shows rather than what the stylesheet declares, the numbers are the ones that survived the cascade — not a hopeful list from the source.
Take it with you
Export the whole thing as design tokens — a JSON file you import into Figma with the Tokens Studio plugin, or plain CSS custom properties you paste into a stylesheet. Pull the complete heading list as CSV or JSON. Every report has its own link, so you can send it to a teammate or keep it for later. And you can drop two pages side by side to compare them.
Anywhere, nothing to install
There is nothing to download and no extension to add. It runs in whatever browser you already have open, which is why it works the same on a phone or tablet as it does on a desktop.
See what it reports in full, or analyze a page.