Extract favicons, colors, and fonts from any website

Paste a URL. Get a website's full brand kit in seconds.

How Inspect Brand works

Inspect Brand fetches the HTML and CSS from any public website, then parses it to find favicons, color values, and font declarations. Colors are extracted from CSS custom properties, inline styles, and linked stylesheets, then ranked by frequency and role to give you a primary, accent, and supporting palette. Fonts are detected from Google Fonts links, @font-face rules, and font-family declarations. Everything runs through a serverless function. Nothing is stored.

What you get

Frequently asked questions

How does Inspect Brand detect a website's brand colors?

We fetch the site's HTML and stylesheets, then extract color values from CSS custom properties, inline styles, and linked stylesheets. Frequency and role are inferred from how often each color appears and where (header, primary buttons, links, body text), giving you a primary, accent, and supporting palette.

Where do the fonts come from?

Fonts are detected from Google Fonts <link> tags, @font-face rules in linked stylesheets, and font-family declarations in CSS. Each font is listed with its source, so you know whether it ships from Google Fonts, a self-hosted file, or a font service like Adobe Fonts.

Can I download all the favicons in their original sizes?

Yes. Inspect Brand finds every <link rel="icon">, apple-touch-icon, and manifest icon entry, and lets you download each at its native size. The tool also reports the dimensions of every icon so you can pick the one you need.

Is it legal to extract brand assets from a website?

Inspecting how a public website is built is fine. Reusing a brand's colors, fonts, or logo in your own work is your responsibility and may be subject to the site's intellectual property and trademark protections. For competitive research and personal study, this is standard. For production use, get a license.

More free tools from Landing Page Labs