All projects

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
Brand Spark — Live Brand Identity

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

  1. 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.

  2. 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.

  3. 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.

For clients

Have a project?

Tell me what you want to build. In a short call we'll see if it's a fit and how to start.

Book a call

For companies

Building a team?

If you're looking for someone who designs and builds product, here's my full track record.

View full CV

Let's work together

Ailen Gonzalez

Design Engineer & Frontend
Córdoba, Argentina

DesignCodeAI

© 2026 · Designed & coded by Ailen Gonzalez