brandkit

Brand drift
as a build failure.

The CI gate for AI-generated brand assets. brandkit verify exits 1 on any off-palette color — same shape as eslint, same shape as tsc --noEmit.

Install npm i -g @gent8/brandkit Source ↗

brand.json #FAFAF9#5B21B6#10B981#F43F5E#1C1917 ↓ Vectorizer drifts every color 3–15 RGB points. Eye can't see it. brandkit verify can.

FAIL

Vectorize only · Recraft → SVG

5
off-palette colors brandkit verify → exit 1
#F7F7F7→#FAFAF9Δ 3
#622DBF→#5B21B6Δ 12
#1DB98A→#10B981Δ 13
#232124→#1C1917Δ 13
#F04B6D→#F43F5EΔ 15

Each color off by 3–15 RGB points. Imperceptible alone — accumulates across favicon, og-image, print, and breaks brand QA downstream.

PASS

brandkit · vectorize + recolor + verify

0
off-palette colors brandkit verify → exit 0 ✓
#FAFAF9✓
#5B21B6✓
#10B981✓
#1C1917✓
#F43F5E✓

All 5 locked to brand.json. Pixel-exact across every output.

▸ Numbers from brandkit verify on checked-in fixtures. recolor logic.

Other tools stop somewhere before ship-ready.
brandkit closes the loop.

ToolSteps to ship-ready palette-locked SVG + asset bundlen
DALL-E 3 / Nano Banana 2 / Midjourney generate raster · vectorize · recolor to palette · verify · render every size 5
Recraft v3 (vector) generate vector (off-palette) · recolor · verify · render every size 4
Raw Ideogram v3 generate raster · vectorize · recolor · verify · render every size 5
brandkit brandkit gen  →  brandkit export 1

Same source SVG, every surface.

A single brandkit export against the SVG above produces 14 files. Here are three of them in the wild — same palette, no hand-tuning.

brandkit — palette-locked logos ×
github.com
news.ycombinator.com
+
⚿brandkit.run
favicon.svg · scales from 16px to address bar without re-render

brandkit.run

brandkit — palette-locked logos for AI agents

MCP server + CLI that turns AI image-gen output into clean, palette-locked SVGs. No more off-brand colors.

og-image.png · 1200×630 · for og:image / twitter:image

brandkit

Palette-locked logo bundles · Developer Tools

★ ★ ★ ★ ★ (0) — solo project

cws-marquee-920x680.png + cws-icon-128.png · Chrome Web Store store listing

↓ The full output of brandkit export — every standard icon size, all palette-locked.

16 32 48 128 180 192 512 maskable .ico .svg

Paste a hex. Watch it snap.

Same Euclidean-RGB nearest-color the CLI runs in brandkit_recolor. Pure browser JS, no network call. Loaded against this site's own brand.json.

Source
#6533CC
rgb(101, 51, 204)
→ ΔRGB 49
Nearest in palette
#5B21B6
primary · rgb(91, 33, 182)

▸ ΔRGB is the literal Math.hypot(Δr, Δg, Δb). See the CLI's nearest() — this widget runs the same function client-side.

One npm install. Or one Docker run.

CLI

npm install -g @gent8/brandkit
brandkit --help

MCP server (Claude Code, Claude Desktop, …)

git clone https://github.com/gent8/brandkit
cd brandkit
docker build -t brandkit-mcp:latest -f mcp/Dockerfile .

Then in your MCP client config:

{
  "mcpServers": {
    "brandkit": {
      "command": "docker",
      "args": ["run", "-i", "--rm",
        "-e", "FAL_KEY",
        "-e", "RECRAFT_API_KEY",
        "brandkit-mcp:latest"]
    }
  }
}

Provider keys: fal.ai (Ideogram v3) · Recraft (vectorize). Bring your own.

Composable. Each does one thing.

gen

brandkit_gen

Full pipeline. Prompt + palette → palette-locked survivor SVGs returned inline. No filesystem handoff.

recolor

brandkit_recolor

Pure SVG-in / SVG-out. Snaps every hex and rgb() to the nearest palette color.

verify

brandkit_verify

SVG-in / JSON-out gate. Returns offenders with normalized hex + suggested palette match.

trim

brandkit_trim

Tighten the root viewBox to the rendered geometry bbox so the mark fills its canvas at every output size. --strip-bg drops vectorizer-added canvas fills.