Brand Kit Colours Fonts L

Brand Kit reads the website you're on and pulls out its visual brand: the colours, the typography, a few style attributes, and the logo. It assembles them into one plain-text brand context block that you copy and paste into Claude or ChatGPT, so the model can write or design in that brand's style.

It saves time for anyone who has to hand a brand to an AI tool, designers, marketing agencies, design studios, and developers.

What it pulls:
- Colours, sorted into roles (primary, secondary, accent, background, text). Near-duplicates are merged and neutral greys filtered out. Reassign any role or remove a colour you don't want.
- Typography: the heading and body typefaces, with weights.
- Style attributes: button style, corner radius and type scale, plus best-effort guesses at spacing and shadow. All editable, which is why the guesses are there to correct.
- Logo: it finds inline SVGs, logo images and favicons, you pick the right one, and its colours are added to the list.

How it works:
1. Open Brand Kit on any site. It reads the page in a second or two.
2. Check what it found. Fix a colour role, drop anything wrong, pick the right logo.
3. Press Copy. Paste the block into Claude or ChatGPT and brief it on the brand in one go.

Everything runs locally on your device. The extension reads only the tab you're on, only when you open it, and nothing you extract is stored or sent anywhere.

Brand Kit is part of a small suite of focused tools. If you also save images from the web, try our Image Download extension.

Useful for building brand guidelines, briefing AI on a site's color palette and fonts, or grabbing a brand's colors and typography in one step.