Facet by Erictootalldan

Facet is a lightweight sidebar tool for designers and developers who want to quickly inspect any webpage's design DNA.

Open the sidebar and instantly see a page summary with typography, color palette, and an element inspector all in one place.

Styles tab
View the page title, top fonts with live previews, dominant colors as clickable swatches, and pick any
element to see its computed CSS properties. Click any value to copy it.

Colors tab
Every color on the page, sorted by frequency. Toggle between a unified palette or categorized view (fills, text, borders). Full-width color rows with hex codes. Click to copy.

Fonts tab
All font families detected on the page with sample text rendered in each font, weight chips, size and spacing details, and a usage bar showing how dominant each family is.

Images tab
Browse every image on the page with thumbnails, dimensions, and file type badges. Filter by format and
download individually or all at once.

No data is collected or transmitted. Everything runs locally in your browser.