Facet

Inspect any page's styles, colors, fonts, and images from a sleek sidebar. Extract design DNA in one click.

Facet is a sleek sidebar tool for designers and developers who want to quickly inspect any webpage's design DNA. Styles — Click any element to inspect its typography, layout, and appearance properties. Get a full breakdown of font-family, font-size, colors, display, border-radius, and more — all copyable with one click. Colors — Extracts every color on the page — fills, text, and borders — sorted by frequency. View as a unified palette or by category. Click any swatch to copy the hex code. Fonts — Detects all font families in use, with details on sizes, weights, line-height, and letter-spacing. See which elements use each font and how dominant it is across the page. Images — Finds all images on the page including background images. Filter by type (JPG, PNG, SVG, WebP, etc.) and download individually or in batch. Lightweight, fast, and privacy-friendly — Facet runs entirely in your browser with no external requests or data