Kit de Imagens — Página de Vendas · Fora do Automático
DoD do
manual_design.md: toda entrega visual sai com (1) slots marcados, (2) prompts de geração e (3) prompts/CSS de implantação. Vale pras duas páginas (o A/B só troca o nome, nunca a imagem).
Slots na página
| # | Slot (id no HTML) | Estado | Fonte |
|---|---|---|---|
| 1 | Hero · foto (.hero .foto img) |
✅ pronto | assets/capa-foto.png (mesma foto duotone da capa do ebook — irmandade visual) |
| 2 | data-img="spread-guia" (bloco Método) |
⬜ produzir | render real do ebook (P08 A Regra + P24 A Prova) num mockup |
| 3 | data-img="mockup-guia" (bloco Entregáveis) |
⬜ produzir | render real do ebook (capa + P12/P13 fichas) num mockup |
| 4 | data-img="expert" [IMG-EXPERT] (Autoridade) |
✅ ensaio pronto | ensaio IA POP 41 realizado (Fontes/Ensaios_IA/); a página ainda usa a foto de estúdio provisória — trocar pela do ensaio é decisão à parte |
Regra dura: os slots 2 e 3 são composições de páginas REAIS do ebook (renderizadas do PDF), nunca ilustração gerada. O slot 4 é foto real do expert (POP 41); nunca rosto gerado por IA. Prova = material verdadeiro.
Slot 1 · Hero (pronto)
Implantação (já aplicada no HTML): filter:grayscale(1) contrast(1.06); mix-blend-mode:multiply sobre o papel, dentro de caixa com border-radius:8px e borda de 2px tinta. Duotone tinta-sobre-papel, idêntico à capa do ebook.
Slot 2 · Spread do guia + a prova (bloco Método)
Composição (sem IA): montar um spread com duas páginas reais do ebook lado a lado — P08 (A Regra dos 90 Segundos) à esquerda e o recorte do print de 9min da P24 à direita — sobre uma superfície de papel com sombra suave. Render das páginas via PyMuPDF do 00_batedor/ebook-fda.pdf (páginas 7 e 23 do PDF).
Legenda (já no slot): "o método inteiro tem 29 páginas. Você lê em meia hora e aplica hoje."
Implantação: border-radius:8px; foto do mockup com leve sombra (filter:drop-shadow), sem duotone (é screenshot de página, mostra as cores do DS).
Slot 3 · Mockup do guia + fichas (bloco Entregáveis)
Composição (sem IA): mockup do guia (capa Fora do Automático para a página mestre; Modo Zen para a variante — única imagem que muda entre as duas) com as páginas das fichas (P12/P13) abertas ao lado. Render do PDF correspondente (ebook-fda.pdf / ebook-fda-modozen.pdf).
Legenda (já no slot): "cada dia é uma página. Você não estuda o método, você faz o dia."
Nota A/B: este é o único slot cuja imagem difere entre as páginas (capa com o nome certo). O hero (slot 1) é a mesma foto nas duas.
Slot 4 · Foto do expert (Autoridade) — pendência POP 41
Origem: banco Fontes/Ensaios_IA/.../entrega/ quando o ensaio existir. Enquanto não chega, o slot renderiza um placeholder tracejado honesto ([IMG-EXPERT]).
Prompt de geração (POP 41, ChatGPT, identidade facial consistente): retrato do Guilherme, ambiente sóbrio (madeira, luz lateral dura, muito espaço negativo), p&b de alto contraste, sem sorriso publicitário, olhar direto — coerente com a fotografia da capa. Enquadramento 4:5.
Implantação: trocar .slot-expert por <img> com border-radius:8px e filter:grayscale(1) contrast(1.06) (duotone, casando com o hero).
Pendências que não travam a página
[EMAIL DE SUPORTE. DEFINIR](bloco 11) e[LINK CHECKOUT KIWIFY](viadata-co-fda/data-co-zenno<html>).- Pixel: placeholder no
<head>; a/trafego-pixelinsere o código real (PageView/ViewContent no load, InitiateCheckout no clique do CTA — já cabeado no JS). - Ponte do ebook →
naotemtraducao.com.br/proximo-passo(redirect do dono; fase 1 = WhatsApp). - Blocos 03 e 10 (depoimentos) estreiam ocultos (
.estreia-oculto); religar com prova real.
Fonte: products/fora-do-automatico/05_pagina_vendas/kit_de_imagens.md