The full palette
Primary, secondary, surfaces and semantics — pulled from the real rendered page, not a guess.
Develpr
Anybrand.Anyapp.Shipped.
Capture any brand in seconds — palette, type, voice, tokens. Then tell Developr what to build and get a complete, working app wearing it.
What you get
A complete brand system.
Not a screenshot.
Every typeface
Families, weights, scale and pairing — matched to Google Fonts or self-hosted files.
The voice
Tone, cadence and vocabulary distilled into guidance you can hand to a writer.
Design tokens
CSS variables, Tailwind theme and JSON — copy straight into the codebase.
Extraction, live
Paste a URL. Watch the kit assemble.
Prompt
- palette.json18 colours
- type-scale.json2 families
- voice.mdtone + lexicon
- tokens.cssCSS variables
- theme.tsTailwind
- guidelines.pdfready
Pixel-accurate
We read the page, not the markup.
Every extraction runs against the fully rendered site, so gradients, opacity layers and computed type all land in the kit exactly as a visitor sees them.
Built to hand off
Guidelines your team will actually open.
Clean spreads, real specimens, usage notes and copy-ready tokens — exportable as a PDF, a link, or straight into your codebase.
Build, don't just document
Describe the app. Get the whole thing.
Developr writes the plan, the data model, the migrations and the actual files — every screen already wearing your palette, type and voice. Keep the conversation open and iterate until it ships.
How it works
Three steps. About thirty seconds.
- 01
Paste a URL
Any live site. We render it exactly as a browser does.
- 02
We read the brand
Colour, type, imagery, logo and language — parsed and structured.
- 03
Export anywhere
PDF guidelines, tokens, Tailwind theme or a shareable link.
Read the brand.
Then build the thing.
One URL is all it takes. Your first kit — and your first app — are free.