← back to workRahman
// ai-app

Brandbox

[LIVE]· 20266 art directions · one brand, six worlds

Type a brand name and a vibe; Brandbox generates a complete identity in seconds — logo, colour palette, type pairing, product mockups, brand voice, and a live landing page. The twist: it renders in one of six real design languages, so it never looks AI-made. App #2 of the 100-apps-in-public sprint.

Try it live
Brandbox
// overview

The first build looked like every other AI brand tool — gradient-in-a-square logos, mesh gradients, generic copy. So the engine was rebuilt around art directions: instead of one house style it has six complete design languages — Swiss, Brutalist, Editorial, Minimal, Neo-Retro, Terminal. The AI reads your vibe and picks the one a real designer would; you flip through the rest with one click. Same brand, six totally different worlds.

A combinatorial logo engine (14 styles × shapes × treatments) gives hundreds of marks to browse. Upload your own logo and it reads the colours out of the image and rebuilds the whole identity to match. Edit any colour, swap any mark.

Then it ships: hit 'Build a landing page' and it generates a real, on-brand site with AI-drafted copy, a live editable preview, a self-contained HTML download, and one-click publish to a live link. $0 stack, key server-side, one model call doing the thinking.

// how it works
A name + a vibe
AI briefArt directionsAsset engine
A full brand + live site
// roadmap
  1. Generator core

    shipped

    Vibe → logo, palette, type, mockups, voice.

  2. Art directions

    shipped

    Six design languages — kill the 'AI' look.

  3. Upload-logo colour match

    shipped

    Read a logo's colours → matching identity.

  4. Landing builder + publish

    shipped

    Real branded site → live link.

  5. Shipped + live

    shipped

    Deployed free; launched on LinkedIn + IG.

  6. Traction → go deeper

    planned

    More page types + directions if it lands.

// stack
ReactVitechroma-jsGeminiCanvasVercel
// gallery

click any shot to enlarge