Brand Spark — Live Brand Identity
An AI brand generator that proves its own output by wearing it — the page adopts each identity as it streams in.
- Role
- AI Product Design + Frontend
- Year
- 2026
- Disciplines
- AI Product, LLM Integration, Product Design

01
The Problem
Most AI branding tools hand back a static PDF or a grid of logos with no context. You see swatches, not a brand — nothing shows how the palette, typography and voice actually hold together in a real interface, which is the only thing that matters when you have to decide whether an identity works.
02
The Solution
I built the demo so the output has to prove itself: as the model streams a brand back, the page restyles itself with the generated palette and typefaces in real time. Each identity comes as structured data — named color tokens, primary and body type pairings with rationale, a voice statement with do and don't lists, and a moodboard whose imagery is generated to match. Every section can be regenerated on its own without discarding the rest, and the whole identity exports as JSON so it can go straight into design tokens.
- Live theming — the page adopts the generated identity as it streams
- Structured output: color tokens, type pairings, voice, copy
- Per-section regeneration without losing the rest
- Generated moodboard imagery, plus mock site and social previews
- Export to JSON for handoff into design tokens
03
Result
Live and open to try. It doubles as a working demo of the pieces a production AI feature needs — streaming, structured outputs, generated imagery and a UI that responds to model output rather than just printing it.
Stack
Nuxt 4 · Vue 3 · TypeScript · Tailwind CSS · LLM streaming · fal.ai
More projects
2026
Vinyl Room — 3D Turntable
A record crate and a turntable in 3D. Pick a record, drop it on the platter and its 30-second preview plays while it spins.
2026
Project Cube — Puzzle Portfolio
A puzzle cube whose six faces are six of my projects. Drag a face to turn it, solve the cube in a few moves or jump straight to a project.
2026
Interactive Loft — 3D Scene
A loft you can orbit around in the browser. Everything that lights up on hover is clickable: furniture opens panels, objects on the table do their own thing, and a Shiba wanders through.