Versão privada para revisão. Itens marcados “Em revisão” aguardam decisão antes de ir a público.

Todos os projetos

Molde

Uma peça-mestre. Todos os formatos. Dentro da marca.

O Molde é um estúdio de layout inspirado no Figma para publicidade automotiva de varejo. Ele recebe uma peça-mestre aprovada (veículo, oferta, legal, selos) e a desdobra em todos os formatos que uma campanha de concessionária exige, do story 1080×1920 ao micro-banner 360×80, com guardrails de marca, piloto aprovado por humano em cada formato e revisão versionada. Ele transforma em produto um sistema de produção que gerou mais de 400 peças finais para campanhas de concessionárias de oito marcas automotivas em setembro de 2026, e foi validado contra esses jobs reais.

Ferramenta interna de produção (acesso restrito)

400+
peças finais em pastas de entrega, setembro de 2026
25
formatos de saída, de 360×80 a 1920×1125
8
marcas automotivas
165
versões registradas, nenhuma sobrescrita
MoldeEditor do Molde: trilho de formatos com miniaturas vivas e checagens por formato, palco de prova com margens e zonas, e inspetor. Endereço da concessionária e nomes de camadas desfocados.

Editor do Molde: trilho de formatos com miniaturas vivas e checagens por formato, palco de prova com margens e zonas, e inspetor. Endereço da concessionária e nomes de camadas desfocados.

Uma peça-mestre entra, todos os formatos saem

Os frames aparecem no tamanho relativo real.

Mestre
Story
Story
Quadrado
Widescreen
Widescreen
Faixa
Micro banner
Um mestre de feed 1080×1350 vira sete formatos, da página mobile 1109×1973 à faixa 360×80. Mesma oferta, mesmo legal, mesma hierarquia. Repetido para 20 ofertas.
Mestre
Story
Quadrado
Banner de site
O mestre 1080×1350 aprovado e o key visual sem texto viram story, quadrado e paisagem, por cidade. 10 ofertas × 3 cidades × 3 formatos = 90 peças.
Mestre
Meia página
Intersticial
Retângulo grande
Retângulo médio
Leaderboard
Banner mobile
Um único post de feed vira todo o kit de mídia programática, até o banner 320×50, onde cada pixel de hierarquia conta.

Como funciona

  1. 1

    Uma peça-mestre

    Solte a peça-mestre aprovada e a referência do cliente. O original é lido, nunca alterado; cada elemento mantém texto vivo e formas vetoriais.

  2. 2

    Frames, papéis e auto layout

    Os elementos são entendidos por papel: veículo, oferta, legal, selos, marca. Os blocos se movem inteiros e os frames seguem restrições no estilo do Figma (direção, espaçamento, margens, conteúdo ou preencher). Cada formato é recomposto, não miniaturizado.

  3. 3

    Guardrails de marca

    Fonte ausente bloqueia a exportação em vez de ser trocada em silêncio. A oferta pesa mais que os selos, o legal segue justificado e o produto mantém sombra e apoio. Bloqueios e avisos ficam visíveis em cada formato.

  4. 4

    Piloto, depois escala

    Uma pessoa aprova um piloto por formato. Só formatos aprovados renderizam todas as ofertas, no tamanho exato em pixels, pelo mesmo renderizador da prévia. A saída é o PNG/JPG final e nada mais.

  5. 5

    Revisão e versionamento

    Cada peça é comparada lado a lado, ou por diferenças, com a referência aprovada. Versões são imutáveis, a aprovação fica vinculada ao arquivo exato e o cliente só vê o que foi liberado para ele.

Prompts, templates e o funcionamento interno do pipeline ficam privados. O que está aqui é o resultado e a interface, não a receita.

O estúdio

MoldeConferência da importação (ler, conferir, gerar formatos): fidelidade ao composite do Photoshop, guardrail de fontes ausentes e elementos mapeados em papéis.
Conferência da importação (ler, conferir, gerar formatos): fidelidade ao composite do Photoshop, guardrail de fontes ausentes e elementos mapeados em papéis.
MoldeMesa de templates: referência do cliente e formato gerado lado a lado, com os sete formatos em abas.
Mesa de templates: referência do cliente e formato gerado lado a lado, com os sete formatos em abas.
MoldeLaboratório de auto layout: direção, espaçamento, margens e conteúdo/preencher no estilo do Figma, num documento sintético de demonstração.
Laboratório de auto layout: direção, espaçamento, margens e conteúdo/preencher no estilo do Figma, num documento sintético de demonstração.
MoldePrancha de QA: referência aprovada e saída gerada, formato a formato, nos sete tamanhos BYD.
Prancha de QA: referência aprovada e saída gerada, formato a formato, nos sete tamanhos BYD.

Em produção

Campanhas de concessionárias produzidas para a Servopa, grupo multimarcas, por meio de uma agência. As montadoras não foram clientes diretas.

Audi

Ofertas de varejo por cidade para concessionárias Audi de Curitiba, Cascavel e Maringá

StoryAudi
StoryAudi
QuadradoAudi
QuadradoAudi
Banner de siteAudi
Banner de siteAudi

BYD

Campanha de varejo de concessionária (BYD Servopa): 20 ofertas desdobradas em 7 formatos cada

StoryBYD
StoryBYD
QuadradoBYD
WidescreenBYD
WidescreenBYD
FaixaBYD

Volkswagen

Campanha de evento de vendas de concessionária (Servopa): stories e banners de site, versionados a cada rodada

Banner de siteVolkswagen
Banner de siteVolkswagen
QuadradoVolkswagen
StoryVolkswagen
StoryVolkswagen

Hyundai

Ofertas de concessionária (Servopa): banners de site, feed quadrado e anúncios de link

Banner de siteHyundai
Banner de siteHyundai
QuadradoHyundai
Banner de siteHyundai
CardHyundai

GAC

Banners de concessionária para a oferta 'Move Brasil' a taxistas e motoristas de aplicativo

WidescreenGAC
Banner de siteGAC
WidescreenGAC
CardGAC

Harley-Davidson

Campanha de varejo de concessionária, linhas Softail e Touring 2026, seis formatos por oferta

StoryHarley-Davidson
FeedHarley-Davidson
FaixaHarley-Davidson
Banner de siteHarley-Davidson
QuadradoHarley-Davidson

Honda

Campanha de concessionária (Honda Servopa): um post de feed desdobrado em todo o kit de mídia programática

Meia páginaHonda
Retângulo grandeHonda
IntersticialHonda
LeaderboardHonda

Volvo

Ofertas de concessionária (Volvo Servopa): stories e feed

StoryVolvo
FeedVolvo
FeedVolvo

Em números

140
peças BYD (20 ofertas × 7 formatos), primeiro lote completo numa janela de produção de ~14 h
90.7%
das peças BYD passaram no QA visual na primeira rodada completa
99.7%
de pixels iguais ao composite do Photoshop ao importar um mestre BYD real
90
peças Audi a partir de um mestre por oferta (10 ofertas × 3 cidades × 3 formatos)
290
testes automatizados na suíte do Molde
2.7 min
mediana por peça num lote Volkswagen de 25 peças (72% aprovadas de primeira)

Construído com

  • React 19
  • TypeScript
  • Vite
  • Canvas 2D rendering (preview and export use the same renderer)
  • PSD parsing in the browser and in Python
  • Cloudflare Workers, D1 and R2
  • Role-based access with signed JWTs
  • Vitest