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.

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.”

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

Fontes

  • @hooeemBecome an AI Engineer, cap #16 (Image Prompting). Templates inspirados na estrutura apresentada.
  • MidjourneyDocumentation (docs). --ar, --stylize, --sref.
  • IdeogramDocs (docs). Texto-na-imagem.
  • OpenAIImage generation guide (docs). DALL-E 3 sizes e prompts estruturados.

Veja também