Skip to content

Website Style Analyzer

Extract a public page's observed design system — colors, type, spacing, components — with honest confidence.

The URL you enter is sent to the Kits analyzer service, which renders that public page on the server. The analysis itself runs in your browser — nothing else is uploaded.

The URL is sent to the Kits analyzer service; the analysis runs in your browser.

Analyze sites you own or have permission to inspect. Kits renders the public page only — no login, paywall or bot-defence circumvention — and reports observed styles as evidence, not a copy. Please analyze respecting each site's terms.

Advertisement

About Website Style Analyzer

Enter a public URL and the Kits analyzer service renders the page in a controlled headless browser at three viewports (390, 768 and 1440 px wide), collecting computed styles, layout boxes and document metadata. The raw capture is then analyzed entirely in your browser: colors are perceptually clustered and assigned roles, a typography role ladder is inferred, the spacing base unit and scale are measured, radii and shadows become token proposals, and common components (buttons, cards, nav, inputs) are summarised from repeated evidence. Every inferred token is labeled as a Kits-normalized proposal — never presented as the site's own names — and the site's real CSS custom properties are reported verbatim and separately. Results carry honest confidence and completeness figures, and everything can be exported as JSON, CSS variables, a Tailwind theme fragment, DTCG design tokens, or an agent-readable DESIGN-ANALYSIS.md. This is inspection, not cloning: analyze sites you own or have permission to inspect.

Related tools

All tools · More in this category