brand-extract

# brand-extract

Turn a live website into a complete, machine-consumable **Brand Kit** —

identity, semantic color palette, typography, voice — by **measuring** the real

page, not guessing from memory. This is the methodology behind a brand-extraction

project: the target site is open in a secondary in-app **Browser** tab, and you

drive it with the `agent-browser` tool.

The live kit page (`brand.html`)

The extraction project opens with **`brand.html` as the active tab** — a

self-contained brand-kit page (template:

`brand-extract/templates/brand-kit.html`) that the daemon renders from

`brand.json`. The daemon **pre-seeds** it with a deterministic first paint — a

harvested logo, an approximate palette, font families, and a few cover images —

so it is NOT all-skeleton when it opens. Your job is to **replace that seed with

measured truth** and fill in the rest, **progressively**, so the user watches it

complete module by module. You never hand-edit it: you write `brand.json`, then

run `od brand preview <brandId>` and the daemon re-renders the page (the page

soft-reloads itself while extracting). Optimize for **fast first paint and

progressive fill-in** — write a partial `brand.json` and preview it the moment

you have a name, a couple of colors, and a logo, then preview again after each

field group rather than batching the whole kit to the end.

> The trap to avoid: an LLM left alone regresses to the mean — Inter, an indigo

> accent, a purple gradient. That is off-brand for everyone. Every value you emit