Page audits

One click audits the whole page. Three tabs: Palette, Fonts, Tokens. A Pro feature.

Palette

Every unique color used on the page, each with a usage count and a label inferred from where it appears (brand, headings, body, and so on). Copy any single value, or export the whole palette.

Fonts

Every typeface in use, the weights actually loaded, and a live sample rendered in each. Useful for spotting an unintended fifth font weight before it ships.

Tokens

Every --* custom property on the page, grouped by prefix. Copy any row, or export the whole panel as a ready-to-paste :root { … } block.

Opening the panel

Open the Tools popover in the toolbar and choose Palette, Fonts, or Tokens. The panel has the three tabs; switch freely without re-scanning.