05 - Templates por entregável — poster, infográfico, mockup, thumbnail

TL;DR

Cada tipo de entregável tem template estável que economiza horas de iteração. Esta nota traz seis templates prontos: poster, infográfico, carousel slide, thumbnail YouTube, mockup mobile/desktop e hero image (README/blog). Cada um vem com (1) decisões implícitas (canvas, hierarquia, restrições), (2) prompt completo de exemplo nas quatro camadas e (3) modelo recomendado em 2026. Aproveite copiando e adaptando — não decorando.

Antes de existir um template, cada entregável nasce do zero: você abre o gerador de imagem, encara o campo de prompt vazio e começa a improvisar a partir do brief mais recente que lembra ter escrito — talvez pra um poster, talvez pra um mockup, não importa. O resultado raramente serve: você usa canvas quadrado pra um thumbnail que precisa ser 16:9, ou empilha a hierarquia de infográfico num hero image que devia reservar 40% de espaço negativo pra overlay de título. A dor não é falta de habilidade — é falta de memória estruturada: você já resolveu esse mesmo problema semana passada, só que pra outro canal, e não guardou a solução em lugar nenhum reaproveitável.

Sem template, cada entregável reabre as mesmas quatro perguntas (canvas? hierarquia? texto crítico? modelo?) do zero — e errar qualquer uma delas custa um reroll inteiro: alguns segundos de geração mais alguns minutos analisando por que ficou errado. Com oito canais recorrentes (poster, infográfico, carousel, thumbnail, mockup, hero, capa de e-book, banner de perfil), isso significa reaprender a mesma lição oito vezes — ou pior, aplicar a lição errada, porque canais parecidos na superfície (“imagem com texto grande”) exigem hierarquias opostas (poster é top-heavy; thumbnail é hero-lateral).

Esta nota resolve isso amarrando cada entregável a um template fixo — canvas, hierarquia e modelo já decididos de antemão. O que resta fazer é preencher o conteúdo variável.

Como usar os templates

Cada template segue a estrutura da nota 04 - Anatomia de um prompt visual — canvas, composição, estilo:

  • Canvas já fixado pelo tipo de entregável
  • Composição com hierarquia típica
  • Estilo parametrizável (paleta, tipo de ilustração)
  • Texto com posição e hierarquia típicas

Você substitui o conteúdo variável (<...>) e ajusta estilo conforme marca/contexto.

Template 1: Poster (evento, anúncio, recrutamento)

Decisões implícitas

  • Canvas portrait (11×17 print, ou 2:3 / 9:16 digital)
  • Hierarquia top-down: título topo → hero centro → info rodapé
  • Espaço pra título grande (poster vive de longe)
  • Texto crítico (precisa ser legível)
  • Modelo: Ideogram 2 (one-off) ou Imagen 3 (volume)

Prompt template

“Poster pra <evento/anúncio>. Canvas portrait <11:17 print | 2:3 | 9:16>, alta resolução. Composição top-heavy: título grande no topo (~15-20% da altura), hero centralizado no meio (~50-60%), informações secundárias no rodapé (~15-20%). Hero: <descrição visual abstrata ou metáfora — ex: 'network neural fluido em gradiente azul/violeta'>. Texto: título ‘<TÍTULO>’ em bold sans-serif, branco sobre fundo escuro; subtítulo ‘<subtítulo>’ 40% do tamanho do título; rodapé com <data> · <local> em sans-serif limpo. Paleta: <dark mode midnight blue + ciano | pastel + coral | monochrome>. Mood: <corporate-modern | playful | editorial>. Sem stock photo vibe. Sem moldura decorativa.”

Exemplo preenchido

“Poster pra hackathon de IA. Canvas portrait 11:17, alta resolução. Composição top-heavy: título grande no topo (~18% da altura), hero centralizado no meio (~55%), informações secundárias no rodapé (~17%). Hero: cluster abstrato de nós conectados em gradiente fluido azul/violeta, sensação de rede neural. Texto: título ‘AI HACK 2026’ em bold sans-serif geométrica, branco sobre fundo dark; subtítulo ‘Build the impossible in 48h’ 35% do tamanho; rodapé ‘March 15-17 · São Paulo’ em sans-serif limpa. Paleta: dark midnight blue base + ciano 00d4ff accent. Mood: corporate-modern-tech. Sem stock photo vibe. Sem moldura decorativa.”

Template 2: Infográfico

Decisões implícitas

  • Canvas square (1:1) ou vertical (4:5, 9:16)
  • Multi-seção, leitura top-down
  • Ícones + texto curto por seção
  • Texto muito crítico (e historicamente quebra)
  • Modelo: Ideogram 2 ou geração de background sem texto + tipografia no Figma

Prompt template (versão híbrida — mais confiável em 2026)

“Background pra infográfico de <tópico>. Canvas <1:1 | 4:5 | 9:16>. Composição: layout em <N seções verticais separadas por divisores sutis | grid 2×2 | spiral>. Cada seção tem espaço pra ícone à esquerda e texto curto à direita. Estilo: flat illustration, paleta <dark mode | pastel | monochrome>, mood limpo e educacional. Sem texto na imagem (texto será adicionado no Figma). Sem ícones genéricos de SaaS — quero <descrição de ícones específicos>.”

Exemplo preenchido

“Background pra infográfico sobre ‘As 11 camadas do AI Engineering Stack’. Canvas 4:5 portrait. Composição: layout em 11 fileiras horizontais separadas por linhas sutis, cada uma com espaço pra ícone à esquerda (~15% da largura) e texto curto à direita (~60% da largura), margem 25% pra título no topo. Estilo: flat illustration, paleta dark mode (midnight blue base + ciano accent), mood limpo, técnico-editorial. Sem texto na imagem (será adicionado no Figma). Ícones: cada um relacionado a camada de software (ex: documento pra prompt, banco de dados pra context, peça de engrenagem pra tool).”

Decisões implícitas

  • Canvas 1:1 ou 4:5
  • Um takeaway por slide
  • Template consistente entre slides da série
  • Texto curto, grande, alto contraste
  • Modelo: Ideogram 2 (texto) ou Midjourney com --sref (estilo consistente)

Prompt template

“Slide <N> de carousel sobre <tópico>. Canvas 4:5 portrait, 1080×1350. Composição: número do slide pequeno no canto superior <esquerdo | direito>; takeaway central grande em 1-2 linhas; ilustração de apoio à <direita | abaixo>; rodapé com nome do autor e CTA pequenos. Texto principal: ‘<takeaway curto, max 60 chars>’ em bold sans-serif, alto contraste. Estilo: <flat illustration | minimalist | editorial>, paleta <...>, consistente com restante do carousel. Sem fundos floridos. Sem stock photo. <--sref <url> pra MJ se reutilizando estilo>.”

Exemplo preenchido

“Slide 3/7 de carousel sobre ‘Como escolher modelo de IA’. Canvas 4:5 portrait, 1080×1350. Composição: ‘3/7’ pequeno no canto superior direito; takeaway central grande em 1-2 linhas; ilustração de balança de pratos à direita; rodapé com ‘@josenaldo’ e seta ’→’ pra próximo slide. Texto principal: ‘Custo vs qualidade’ em bold sans-serif geométrica, branco sobre fundo dark blue. Estilo: flat illustration, paleta dark mode midnight blue + amarelo accent, consistente com slides anteriores. Sem fundos floridos. Sem stock photo.”

Template 4: Thumbnail YouTube

Decisões implícitas

  • Canvas 16:9 obrigatório
  • Alta legibilidade em 120×68px (preview)
  • Hero grande (face, objeto ou ícone) + texto bold curto
  • Cores saturadas, contraste forte
  • Modelo: Ideogram 2 (texto) ou Imagen 3

Prompt template

“Thumbnail YouTube pra vídeo ‘<título do vídeo>’. Canvas 16:9 landscape, 1280×720. Composição: hero grande à <esquerda | direita> ocupando ~50% do canvas; texto grande bold no espaço restante. Hero: <descrição — objeto ou cena que ancora o tópico>. Texto: ‘<TEXTO CURTO MAX 4-5 PALAVRAS>’ em sans-serif extra-bold, cor <branca | amarela | vermelha> com outline <preto | escuro> pra contraste em qualquer fundo. Paleta: alta saturação, contraste forte. Mood: clickable mas honesto (sem clickbait visual extremo). Sem rosto humano se não for o autor; sem setas vermelhas falsas.”

Exemplo preenchido

“Thumbnail YouTube pra vídeo ‘RAG sem Vector Database’. Canvas 16:9 landscape, 1280×720. Composição: hero à esquerda (~50%) — pilha de documentos digitais conectados por linhas fluidas; texto grande bold na metade direita. Hero: documentos translúcidos em gradiente azul, sensação de árvore de retrieval. Texto: ‘RAG SEM VECTOR DB’ em sans-serif extra-bold, cor amarela com outline preto. Paleta: alta saturação, fundo dark blue → preto gradient. Mood: clickable mas honesto. Sem rosto humano. Sem setas vermelhas falsas.”

Template 5: Mockup mobile/desktop

Decisões implícitas

  • Canvas 16:9 (desktop) ou 9:16 (mobile)
  • Device frame realístico (laptop, smartphone)
  • Tela com conteúdo plausível
  • Lighting e contexto ambiental
  • Modelo: DALL-E 3 ou Imagen 3 (photorealismo)

Prompt template

“Mockup <mobile | desktop> photorealístico do app ‘<nome>’. Canvas <9:16 portrait | 16:9 landscape>. Composição: device frame <iPhone 15 Pro genérico | MacBook Pro genérico> centralizado, ângulo <frontal | levemente angulado | 3/4>. Tela exibe: <descrição da UI — ex: 'app de chat com bolhas de mensagem, header com nome do usuário, lista de conversas'>. Estilo: photorealistic product shot, lighting <studio limpo | natural diurno | dramático>, fundo <plain neutral | desk com elementos sutis | gradient suave>. Sem texto legível nos elementos da UI (vai ser editado depois). Sem branding de Apple/Google explícito (device genérico).”

Exemplo preenchido

“Mockup mobile photorealístico do app ‘EstudeMe’. Canvas 9:16 portrait. Composição: smartphone genérico centralizado, ângulo levemente angulado 3/4. Tela exibe: dashboard de estudo com card de plano de estudo no topo, lista de flashcards abaixo, botão flutuante de ‘iniciar sessão’ no canto inferior direito. Estilo: photorealistic product shot, lighting studio limpo soft, fundo gradient suave azul-acinzentado. Sem texto legível na UI (placeholder edit depois). Sem branding Apple/Google explícito.”

Template 6: Hero image (README / blog post)

Decisões implícitas

  • Canvas 16:9 wide (ou 21:9 ultra-wide pra README)
  • Abstrato ou conceitual (deixa overlay funcionar)
  • Espaço negativo pra texto/logo
  • Coerente com tom do projeto
  • Modelo: Midjourney v6.1 (artístico) ou FLUX dev (open-source com qualidade próxima)

Prompt template

“Hero image pra <README do projeto X | post de blog sobre Y>. Canvas 16:9 landscape, <1920×1080 | 2560×1080 ultra-wide>. Composição: focal point à <esquerda 40% | direita 40% | centro>; ~<35-40%>% do canvas livre como espaço negativo pra overlay de título. Subject: <descrição — abstrato ou metafórico, evitar literalidade>. Estilo: <flat-isometric illustration | abstract digital art | minimalist tech illustration>, paleta <...>, mood <corporate-modern | editorial | playful-tech>. Sem texto na imagem. Sem stock photo vibe. Sem pessoas se não for caso específico.”

Exemplo preenchido

“Hero image pra post de blog sobre ‘Prompt Engineering não morreu’. Canvas 16:9 landscape, 1920×1080. Composição: focal point à esquerda 40%; ~40% à direita livre como espaço negativo pra overlay de título. Subject: balança visual entre uma pena (tipografia clássica, prompt artesanal) e um servidor abstrato (engenharia de sistema) — em equilíbrio, não em conflito. Estilo: editorial digital illustration, paleta sépia + azul-profundo, mood editorial-técnico. Sem texto na imagem. Sem stock photo vibe. Sem pessoas. --ar 16:9 --stylize 250 se Midjourney.”

Template 7: E-book / curso — capa

Decisões implícitas

  • Canvas 6:9 portrait (cover proporcional a livro)
  • Hierarquia: título dominante, subtítulo abaixo, autor no rodapé
  • Imagem de fundo compatível com texto sobre ela
  • Modelo: Imagen 3 (photorealismo) ou Midjourney (artístico)

Prompt template

“Capa de <e-book | curso online> sobre <tópico>. Canvas 6:9 portrait, ~1600×2400 alta resolução. Composição: imagem de fundo que cobre o canvas inteiro com overlay de gradiente suave (topo escuro → centro claro → base escura) pra permitir texto sobre ela. Fundo: <descrição visual abstrata ou fotográfica relacionada ao tópico>. O gradiente não aparece na imagem — é pra ser adicionado em pós-processamento. Estilo: <photorealistic hero | editorial abstract | flat tech>, paleta <...>, mood <profissional | acolhedor | técnico>. Sem texto na imagem. Sem logotipos. Sem marcas d’água.”

Exemplo preenchido

“Capa de e-book sobre ‘Engenharia de Prompt — Do básico ao sistema’. Canvas 6:9 portrait, 1600×2400 alta resolução. Composição: imagem de fundo com labirinto abstrato de linhas de código e circuitos em perspectiva, plano central com gradiente sutil do escuro ao claro. Estilo: editorial tech illustration, paleta dark mode azul-profundo + dourado/âmbar como accent, mood técnico-elegante. Sem texto na imagem. Sem logotipos. Sem marcas d’água.”

Template 8: Banner de perfil LinkedIn / GitHub

Decisões implícitas

  • Canvas 8:2.7 (4:1 aproximado) — 1584×396 LinkedIn; 1280×640 GitHub
  • Horizontal muito largo e baixo
  • Texto focal (nome, cargo, slogan) à esquerda; visual à direita
  • Modelo: Midjourney ou FLUX dev (qualidade + espaço negativo)

Prompt template

“Banner de perfil <LinkedIn | GitHub> para <pessoa/empresa>. Canvas <1584:396 | 1280:640> landscape muito horizontal. Composição: metade esquerda com espaço para texto (fundo limpo, gradiente pra esquerda ou plain); metade direita com ilustração ou visual abstrato. Visual: <descrição>. Estilo: <flat | abstract | editorial>, paleta <...>, mood profissional. Sem texto na imagem. Sem frame/borda explícita. Não ocupar os 10% das extremidades superiores/inferiores (área pode ser cortada em mobile).”

Exemplo preenchido

“Banner de perfil LinkedIn para desenvolvedor fullstack especializado em IA. Canvas 1584×396 landscape muito horizontal. Composição: metade esquerda fundo dark blue limpo pra overlay de texto; metade direita com rede de nós interconectados em gradiente azul/ciano saindo da direita pra o centro. Estilo: flat digital art, paleta dark mode (navy + ciano + branco), mood profissional-tech. Sem texto na imagem. Sem borda. Não cortar os 10% das extremidades.”

Recapitulação rápida

EntregávelCanvas típicoModelo recomendadoCrítico
Poster11:17 / 2:3 / 9:16Ideogram / ImagenTexto grande legível
Infográfico1:1 / 4:5 / 9:16Ideogram + FigmaHierarquia + texto curto
Carousel slide1:1 / 4:5Ideogram / MJ --srefConsistência entre slides
Thumbnail16:9Ideogram / ImagenLegibilidade em 120×68px
Mockup9:16 / 16:9DALL-E 3 / ImagenPhotorealism + device frame
Hero16:9 / 21:9Midjourney / FLUX devEspaço negativo pra overlay
Capa e-book6:9Imagen 3 / MidjourneyCompatível com texto sobre ela
Banner perfil8:2.7Midjourney / FLUX devEspaço negativo esquerdo; safe zone

Árvore de decisão — qual template escolher

A tabela acima já resolve o caso em que você sabe o canal. Quando a dúvida é “por onde começar”, a árvore abaixo percorre a mesma decisão canal → canvas → template, na ordem em que ela normalmente surge no briefing:

flowchart TD
    A[Qual é o canal do entregável?] --> B{Impressão ou evento<br/>ao vivo?}
    B -->|Sim| T1[Template 1: Poster<br/>11:17 / 2:3 / 9:16]
    B -->|Não| C{Educacional,<br/>multi-seção?}
    C -->|Sim| T2[Template 2: Infográfico<br/>1:1 / 4:5 / 9:16]
    C -->|Não| D{LinkedIn/Instagram,<br/>série de slides?}
    D -->|Sim| T3[Template 3: Carousel slide<br/>1:1 / 4:5]
    D -->|Não| E{YouTube, precisa legibilidade<br/>a 120×68px?}
    E -->|Sim| T4[Template 4: Thumbnail<br/>16:9]
    E -->|Não| F{App/produto, precisa<br/>device frame?}
    F -->|Sim| T5[Template 5: Mockup<br/>9:16 / 16:9]
    F -->|Não| G{README/blog, precisa espaço<br/>negativo p/ overlay?}
    G -->|Sim| T6[Template 6: Hero image<br/>16:9 / 21:9]
    G -->|Não| H{E-book/curso,<br/>capa vertical?}
    H -->|Sim| T7[Template 7: Capa e-book<br/>6:9]
    H -->|Não| T8[Template 8: Banner de perfil<br/>8:2.7]

Cada folha da árvore aponta pro template correspondente nesta nota — o canvas já vem junto porque é a primeira decisão implícita de cada um.

Constraints universais — copie em qualquer template

Conjunto de constraints que funcionam independente do entregável, eliminando os erros mais comuns sem pensar:

Anti-stock:

Sem stock photo vibe. Sem pessoas genéricas de foto de banco de imagens.
Sem handshakes, meeting rooms ou laptops abertos desnecessariamente.

Anti-clutter:

Sem texto na imagem (será adicionado em pós-processamento).
Sem moldura ou borda decorativa. Sem watermark ou logo de preview.
Sem background florido. Sem elementos visuais não-relacionados ao tópico.

Anti-IA-óbvio:

Sem estética típica de IA generativa sem briefing (sem glowing orbs,
sem chrome textures aleatórias, sem anatomia distorcida).
Estilo determinístico e intencionalmente escolhido.

Pro-qualidade:

Alta resolução. Render limpo. Sem artefato de compressão.
Linha limpa onde há ilustração vetorial. Gradiente suave onde há fundo.

Copie o bloco inteiro nos prompts até internalizar — depois mantenha só o que for relevante pro entregável.

Adaptando templates a brand guidelines

Templates desta nota assumem zero brand. Em projetos reais, você tem paleta, tipografia e tom de voz fixos. O processo de adaptação é simples — substitua os campos variáveis por valores fixos da brand:

  1. Paleta → substitua <paleta> pelas cores hex da brand: paleta marca (azul #1A56FF + branco #FFFFFF + dark navy #0B1930).
  2. Estilo de ilustração → se a brand tem linguagem visual definida (“flat with soft shadows”, “isometric 3D”, “editorial photography”), coloque no campo Style.
  3. Mood → traduza o brand voice pra adjetivos visuais: “inovador e acessível” → "clean, approachable, not corporate-boring".
  4. Constraints de marca → adicione constraints que protegem o brand: “Sem pessoas a não ser que sejam diversas e não-stock”, “Sem ícones genéricos”, “Sem gradiente que não seja o aprovado”.

O resultado é um brand template — mais restrito que os templates genéricos desta nota, mas mais confiável de usar sem revisão manual extensa.

Exemplo: brand guide → constraint do prompt

Brand guide dizConstraint no prompt
”Paleta: azul 1a56ff e laranja ff6b35paleta azul #1A56FF + laranja #FF6B35 como accent
”Ilustração: flat sem gradiente”flat illustration, sem gradiente
”Nunca usar imagens de rostos”Sem pessoas ou rostos na imagem
”Tom: técnico mas humano”mood: tech-editorial, não corporate-genérico
”Tipografia: Inter bold pra título”Sem texto na imagem — tipografia adicionada no Figma com Inter Bold

Dez minutos convertendo a brand guide em constraints de prompt economiza uma hora de revisão por asset.

Checklist antes de gerar

Antes de clicar em “gerar”, as cinco perguntas que previnem retrabalho:

  • O deliverable está no prompt? (poster, thumbnail, hero, etc.)
  • O canvas/aspect ratio está definido?
  • A hierarquia visual está clara? (o que é principal, o que é secundário)
  • O texto está marcado? Vai gerar junto (Ideogram/Imagen) ou vai ser overlay (constraint “Sem texto na imagem”)?
  • As constraints estão listadas? (sem stock photo vibe, sem texto borrado, sem moldura, etc.)

Se algum campo está vago, preencha antes de gerar — não depois de reroll.

Armadilhas comuns

Usar template de poster pra thumbnail YouTube — hierarquia completamente diferente

Poster lê-se de longe em formato portrait, com hierarquia top-heavy (título topo, hero centro, info rodapé). Thumbnail lê-se em 120×68px em landscape, com hero grande e texto de 3-4 palavras em letras enormes. Usar o template errado gera um thumbnail com hierarquia de poster — título pequeno no topo, hero centralizado sem espaço para legibilidade mínima. Sempre associe o template ao canal antes de escrever o prompt. A tabela de Recapitulação desta nota é o atalho.

Omitir "Sem texto na imagem" quando o texto vai ser adicionado depois — modelo injeta texto quebrado

Quando você vai sobrepor texto em pós-processamento (Figma, Canva, Pillow), não dizer “sem texto na imagem” faz o modelo gerar texto no visual — muitas vezes ilegível, errado ou em posição que conflita com o overlay planejado. Sempre inclua a constraint quando o fluxo for: gerador → background limpo → overlay manual. A única exceção é quando você quer que o modelo tente renderizar o texto (Ideogram/Imagen), sabendo que vai revisar.

Especificar marca comercial real no device frame do mockup — modelo injeta logo da Apple/Google

“iPhone 15 com logo da Apple visível” viola os termos de uso de vários providers (OpenAI, Google). Além disso, o modelo frequentemente distorce logos de marca registrada (símbolo da maçã virado, proporção errada). O padrão seguro é sempre “smartphone genérico” ou “device frame minimalista similar a smartphone de tela grande” — você captura o visual sem a marca. Se o mockup precisa de brand real, faça em Figma com device frame licenciado.

Como explicar em inglês

Interview quote: “For each deliverable type — poster, infographic, thumbnail, mockup, hero — there’s a stable template that encodes the implicit decisions: canvas, hierarchy, text placement, constraints. Using the wrong template for the channel is the most common mistake: a poster prompt produces a bad thumbnail because portrait hierarchy breaks landscape readability. The template pre-loads those constraints so you only customize content.”

PortuguêsInglês
Template por entregávelDeliverable template
Canvas fixado pelo entregávelCanvas determined by deliverable
Hierarquia top-heavy (topo pesado)Top-heavy hierarchy
Espaço negativo pra overlay de textoNegative space for text overlay
Device frame genéricoGeneric device frame
Texto será adicionado em pósText to be added in post-processing
Safe zone das extremidadesEdge safe zone
Consistência entre slides de carouselConsistency across carousel slides
Legibilidade em thumbnail pequenoReadability at small thumbnail size

O que vem a seguir

Com os templates dominados, a nota 06 entra em iteração visual disciplinada — o que fazer quando o primeiro output não bate com o template esperado. Keep/Change/Do-not como framework, inpainting para correções locais, e quando aceitar “próximo” em vez de reroll infinito.

O ciclo completo é: (1) definir entregável e escolher template (nota 02 + esta nota); (2) adaptar o template ao contexto/brand; (3) gerar e avaliar contra o template; (4) iterar com disciplina (nota 06). Templates sem iteração disciplinada ainda geram retrabalho — e iteração sem template vira reroll cego.

Fontes

  • @hooeemBecome an AI Engineer, cap #16 (Image Prompting). Templates inspirados na estrutura apresentada.
  • MidjourneyDocumentation (docs). --ar, --stylize, --sref para consistência de estilo entre slides.
  • IdeogramDocs (docs). Texto-na-imagem.
  • OpenAIImage generation guide (docs). DALL-E 3 sizes e prompts estruturados.
  • GoogleImagen 3 on Vertex AI (docs). Aspect ratios e prompt guide.
  • Black Forest LabsFLUX.1 docs (docs). FLUX.1 Tools Fill/Depth/Canny para edição de templates.
  • LinkedInImage size guide (help center). Tamanhos por tipo de post/banner.

Veja também