Projetos Em construção · brandcrafter.app

Gera

BrandCrafter

Defina uma marca uma vez — paleta, tipografia, voz — e gere cada ativo de que ela precisa: 36 tipos entre imagem, vídeo, texto e código. Acesse pelo navegador, por uma CLI, por uma API 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 36 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 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 libera todos os modelos; sem chave alguma, ele ainda roda inteiramente pelo caminho determinístico.

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 36 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. Uma única chave da API do Google libera os modelos de IA; sem ela, ele ainda produz um resultado utilizável e on-brand.

Um núcleo, cada superfície

O mesmo núcleo de geração move um PWA, uma CLI, uma API HTTP 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 tRPC com chaves por marca 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 compacta do próprio demo do produto: a identidade se define e cada ativo surge sobre o logo — todos na identidade da marca, cada um com um fallback local determinístico, então sempre volta com algo real.

Veja uma marca se construir0 / 13

VelaCafé artesanal

Unmistakably warm.

Fraunces · Inter

Escolha uma direção

Vela

Sua marca — onde quer que apareça

Vela favicon
Vela app icon
Vela profile avatar
Logo, favicon, ícone do app e avatar
Vela social card
Card social
Vela Instagram post
Post de Instagram
Vela link-preview image
Imagem OG
Vela cover banner
Capa
Vela email header
Cabeçalho de e-mail
Vela business card
Cartão de visita
Vela product mockup
Mockup de produto
Vela poster
Poster
Hero do site

Definindo a identidade da marca…

fluxos de ativos · demo

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.

36tipos de ativos
4superfícies — PWA · CLI · API · skill
0chaves para funcionar
1chave libera todos os modelos

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
  • Gemini 3 Pro Image
  • Google Veo 3.1
  • 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 do Google AI (Gemini 2.5 Flash texto, Gemini 3 Pro Image, Veo 3.1 vídeo) ficam atrás de fronteiras validadas por Zod; sem chave, cota ou em falha do modelo, a cadeia de fallback 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 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; a API HTTP tRPC expõe chaves por marca; e um skill de agente instalável encapsula a CLI. TanStack Query e superjson carregam resultados tipados através da fronteira.

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; chaves de Stripe, Supabase, OAuth e de publicação social são 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.