Projetos Demo no ar · brandcrafter.app

Gera

Brand Crafter

Defina uma marca uma vez — paleta, tipografia, voz — e gere cada ativo de que ela precisa: 38 tipos entre imagem, vídeo, texto e código. Acesse pelo navegador, por uma CLI, por uma API, por um servidor MCP ou por um skill de agente.

O que é

O BrandCrafter transforma uma marca em tudo o que ela precisa. Você define a identidade uma vez — paleta, tipografia, voz — e ele gera 38 tipos de ativo on-brand: logos e os símbolos derivados deles, cards e posts sociais, pôsteres e thumbnails, heros de site e imagens OG, impressos e mockups de produto, vídeo curto e o texto e o código que os acompanham. Cada um é um fluxo tipado e nomeado que você invoca pelo nome — de um PWA no navegador, de uma CLI programável, de uma API HTTP, de um servidor MCP que qualquer host de IA pode chamar ou de um skill de agente instalável.

Cada geração recorre a um fallback local determinístico — um ativo real em SVG ou texto — quando uma chave, cota ou modelo não está disponível, então uma requisição sempre resolve em algo utilizável. Uma única chave da API do Google já basta para gerar; uma segunda chave traz os modelos de imagem da OpenAI para o roteamento, e sem chave alguma ele ainda roda inteiramente pelo caminho determinístico.

Um demo público roda em brandcrafter.app: um build só de frontend que reproduz o onboarding real e o pipeline de geração real, sem gastar nada e sem guardar chaves. O app completo ainda não está no ar — o alvo é Supabase, um serviço web no Render e a Cloudflare à frente.

Como funciona

Uma marca, cada ativo

Defina a identidade uma vez; cada ativo é construído sobre o símbolo e a paleta canônicos, em ordem de dependência.

Um pipeline em ordem de dependência desenha o logo primeiro, o promove a símbolo canônico e então constrói cada ativo derivado sobre ele — favicon, social, impresso, web, vídeo, texto — para que todos os 38 tipos de ativo permaneçam em uma só identidade em vez de se distanciarem.

Um fallback determinístico

Sem chave, cota ou modelo, a geração recorre a um ativo local em SVG ou texto.

Cada caminho de geração termina em um fallback local determinístico: sem chave ou cota, o BrandCrafter retorna um ativo real em SVG ou texto em vez de um erro. O roteamento é híbrido — Gemini e OpenAI lideram onde cada um é mais forte e um cobre o outro em falha ou cota — e abaixo dos dois fica o caminho local.

Um núcleo, cada superfície

O mesmo núcleo de geração move um PWA, uma CLI, uma API HTTP, um servidor MCP e um skill de agente.

O BrandCrafter funciona como um PWA no navegador para trabalho interativo, uma CLI Commander que outras ferramentas podem programar, uma API HTTP /api/v1 com chaves por marca, um servidor MCP que qualquer host de IA chama por nome de ferramenta e um skill de agente instalável — tudo sobre um núcleo, com comportamento idêntico independentemente de como é invocado.

O que ele gera

Veja uma marca se construir — em ordem

Uma reprodução do próprio demo do produto, batida a batida: o formulário de criação se preenche, uma paleta sugerida é embaralhada até fechar, a identidade se monta, um slogan sugerido é aprovado e então o logo é gerado — e cada ativo restante vem depois dele, em ordem de dependência.

o próprio demo do produto · reproduzido

Funcionalidades

Símbolos de identidade

Um logo canônico e, dele, favicon, ícone de app, avatar e stickers derivados — sem desvio.

Social e conteúdo

Cards sociais, posts de Instagram, thumbnails, pôsteres e textos de anúncio na voz da sua marca.

Movimento e vídeo

Loops de hero animados e clipes de fundo ambientes, recortados em loops perfeitos via Veo 3.1.

Imagens de web e app

Heros de site, imagens OG, banners web, fotos de capa e cabeçalhos de e-mail.

Impresso e produto

Cartões de visita, flyers, papel timbrado e sua marca em mockups de produto reais.

Código e texto

Temas CSS, config do Tailwind e componentes React, além de bios, propostas de valor e textos de landing.

38tipos de ativos
5superfícies — PWA · CLI · API · MCP · skill
0chaves para funcionar
17nós no pipeline da marca

Nunca te deixa de mãos vazias.

Cada tipo de ativo — imagem, vídeo, texto, código — termina em um fallback local determinístico. Se uma chamada ao modelo não puder rodar, o BrandCrafter ainda te entrega um ativo real e utilizável em vez de um erro. Sua marca nunca fica presa numa tela em branco.

Construído com

  • Next.js 15
  • React 19
  • TypeScript
  • tRPC
  • TanStack Query
  • Zod
  • Tailwind CSS v4
  • Radix UI
  • Supabase
  • Commander
  • pkgroll
  • sharp
  • imagetracerjs
  • Model Context Protocol
  • Gemini 3 Pro Image
  • Google Veo 3.1
  • OpenAI gpt-image-2
  • Vitest
  • Playwright

Engenharia

A fronteira determinística

A IA fica atrás de uma fronteira que sempre tem um plano B. Se uma chamada ao modelo não puder rodar, o BrandCrafter gera um ativo real localmente — então o app nunca retorna um erro no lugar de um ativo.

Templates de prompt e clientes dos provedores (Gemini 2.5 Flash texto, Gemini 2.5 Flash Image / Gemini 3 Pro Image, Veo 3.1 Fast vídeo, OpenAI gpt-image-2) ficam atrás de fronteiras validadas por Zod; o roteamento é por tipo de ativo e cada provedor cobre o outro em cota ou falha, e então a cadeia recorre a um caminho local determinístico — marcas em SVG vetorizadas com imagetracerjs, trabalho raster tratado com sharp — então cada requisição resolve em um ativo validado.

Um núcleo, cada superfície

O mesmo motor move o app no navegador, a linha de comando, a API, hosts de IA e um skill de agente — nada é duplicado entre eles.

Um servidor Next.js 15 App Router + tRPC move o PWA; uma CLI Commander compilada com pkgroll chama o mesmo núcleo em processo; uma superfície REST /api/v1 expõe chaves por marca autenticadas por bearer e guardadas com hash; `brandcrafter mcp` serve o mesmo motor pelo Model Context Protocol como ferramentas tipadas; e um skill de agente instalável encapsula a CLI.

Um pipeline verificado e em ordem de dependência

Os ativos são gerados na ordem certa e checados antes de sair — o logo primeiro, depois tudo construído sobre ele, cada um passando por uma verificação real de qualidade.

Um DAG de 17 nós (acíclico validado; a ordem do array é uma ordenação topológica) move a geração; logos são verificados planos (assessFlatness rejeita sombra/blur e recorre a SVG) e cada superfície com paleta é renderizada a partir de uma paleta checada em contraste WCAG AA, calculada em OKLCH.

Construído para virar SaaS

A base multi-inquilino — contas, créditos, planos e rastreamento de uso — já está construída localmente; entrar no ar é uma questão de conectar os serviços pagos.

Autenticação de contas local-first (scrypt + sessões em cookie assinado, seams de OAuth), uma economia de créditos por conta com planos de assinatura e trial, telemetria de uso/custo e um único gate de gasto já implementados atrás de um seam StorageAdapter, para que o store local em JSONL vire Supabase sem reescrita; o alvo de deploy está fixado — Supabase, um serviço web no Render e a Cloudflare à frente — com chaves de Stripe, Supabase, OAuth e de publicação social como gates documentados a serem conectados pelo operador.

Visitar o BrandCrafterbrandcrafter.app

Tem um projeto dos sonhos?

Fale-me sobre sua ideia e eu lhe enviarei um orçamento.