Design System Extractor
Paste a website and get a full brand kit in seconds: colors, typography, and logo, plus a Brand OS with positioning and voice read from the site's own copy. Download it as a brand-kit.md that Claude Design can read to build the system for you.
Colors are inferred from the logo, theme-color, and rendered pixels; fonts from the page markup. Treat the kit as a strong starting point, then refine against official brand guidelines.
From a client URL to a design system
When I build a design system for a client inside Claude Design, the slowest part is the setup: pulling their brand colors, matching their type, finding a clean logo, capturing how the site actually looks. It is manual, and it is the least interesting part of the work.
This tool does that first pass automatically. It renders the page, reads the logo and theme colors from the actual pixels, scrapes the typography from the markup, and packages all of it into a single file. The brand-kit.md is written as an instruction, not just data: it tells Claude Design to treat the extracted tokens as the source system, so you can go from a URL to a themed build in one paste.
It is a starting point, not a brand audit. Extracted colors get you most of the way; you reconcile the last mile against real brand guidelines. But going from a blank canvas to 80 percent in a few seconds changes how fast the real design work can start.
