What it reports

Fonts

Every typeface that paints real text on the page, each set in a true specimen from the site’s own font files. This is the fastest way to answer what font does this website use without guessing from a screenshot.

Colors and contrast

A color palette — background, text, border and SVG paint — ranked by how much of the page each color actually covers, so the dominant colors sort to the top. Click any swatch to copy it. Alongside it, a contrast pass checks the real rendered text pairs against WCAG 2.1 AA, compositing the true background behind each piece of text rather than trusting the declared color.

Structure, type scale and CSS

The H1–H6 outline as rendered, with structural findings like skipped heading levels. The type scale — which font sizes actually appear, and how often. Every distinct @media query, the declarations the browser computes but cannot apply, each stylesheet and its transferred weight, and element, rule and selector counts for the document.

Design tokens

All of the above, reduced to a named, deduplicated token set: near-identical colors merged, spacing and radius scales snapped, roles inferred from how much each color was painted. Export it as DTCG JSON, legacy Tokens Studio JSON, or plain CSS custom properties you can paste straight into a stylesheet.

Want two at once? Analyze a second page to put them side by side, or read how the render works.