Brand kits from any website
Brand kits that make you consistent
Paste a URL and Kitfoundry extracts the colours, type, logo and spacing into a kit you can copy as design tokens, share with a link and keep in a library for every client.
A sample kit. The one you extract will look like your site, not this one.
What comes out
Six things, named and ordered by use.
Nothing is guessed. If the site does not carry it, the kit says so rather than inventing it.
- Colours
- Primary, secondary, neutrals and accents pulled from the live site, named and ordered by use.
- Typography
- Display and body faces, weights and the scale actually in use.
- Logo and marks
- The logo, favicon and social image, captured at full resolution.
- Spacing and radii
- The spacing scale and corner radii, so components match from day one.
- Tokens
- Copy the kit as CSS variables, Tailwind config or JSON.
- Share and library
- A public link per kit and a library for every client and project.
About a minute, start to finish
01
Paste a URL
Any public site. Extraction takes about a minute.
02
Review and edit
Rename colours, swap a font, drop what you do not need.
03
Copy or share
Export tokens for the codebase or send the link to a designer.
Before you paste a URL
Which sites does it work on?
Any public site. Heavily image-based sites yield fewer type results; the palette and logo still come through.
Can I edit a kit after extraction?
Everything is editable: colour names and values, fonts, the logo file and the spacing scale.
Who can see a shared kit?
Anyone with the link, read-only. Turn sharing off and the link stops working.
Is there an API?
Extraction and kit export are available over the API on the Team plan.
Start from the brand, not from a blank file.
Create your workspace and extract your first kit from your own site.