# CATALOGO DE 16 TIPOS DE SLIDE

Os 16 tipos cobrem aula educacional E vendas (CPL). Tipos **01-12** sao base (aula + vendas). Tipos **13-16** sao exclusivos de modos `--cpl1/2/3`. Cada tipo tem: visual, quando usar, quando NAO usar, content schema, exemplo aprovado, template HTML.

---

## 01. TITULO COM PARTICULAS

**Visual:** bg navy + canvas de particulas gold animadas + linha vertical gradient gold + label uppercase + h1 GIGANTE (280px) + subtitulo.

**Quando usar:** sempre slide 1. Abre toda aula.

**Quando NAO usar:** nunca como slide do meio.

**Content schema:**
```json
{
  "label": "Categoria · Subcategoria",
  "h1": "PalavraUnica<em>.</em>",
  "subtitulo": "1-2 frases. Max 32 caracteres por linha.",
  "watermark": true
}
```

**Exemplo aprovado:**
- Label: `Claude Code · /schedule`
- h1: `Rotinas<em>.</em>`
- Sub: `Agentes automaticos que trabalham enquanto voce dorme — sem precisar do seu computador ligado.`

**Template:** `templates/01-titulo.html`

---

## 02. DEFINICAO + 4 EXEMPLOS

**Visual:** bg navy + 2 colunas. Esquerda: eyebrow + h2 (86px com italic gold) + def. Direita: 4 cards (cron + descricao) com hover gold.

**Quando usar:** introduzir conceito novo. Pergunta "o que e X?".

**Quando NAO usar:** se nao tem 4 exemplos concretos. Se conceito ja for conhecido. Se for comparacao.

**Content schema:**
```json
{
  "eye": "O que e",
  "h2": "Titulo<br/>com <em>italic</em>,<br/>quebra estrategica.",
  "def": "1 frase forte explicando o conceito.",
  "exemplos": [
    { "cron": "Toda seg 8h", "desc": "Descricao curta" },
    { "cron": "Todo dia 9h", "desc": "Outra descricao" },
    { "cron": "Dia 1 do mes", "desc": "Mais uma" },
    { "cron": "Toda sex 18h", "desc": "Quarta" }
  ]
}
```

**Exemplo aprovado:** slide 02 do deck "Rotinas".

**Template:** `templates/02-definicao.html`

---

## 03. COMPARACAO A vs B

**Visual:** bg paper + header (eye + h2 com "A vs B") + tabela 2 colunas (dark left + light right). Cada coluna: tag uppercase + sub-titulo grande + 5 linhas comparativas com val verde/vermelho destacado quando aplicavel.

**Quando usar:** "X vs Y", "antes vs depois", "ferramenta A vs B", "abordagem 1 vs 2".

**Quando NAO usar:** comparacao de 3+ items (vira cards). Lista pura sem oposicao (vira lista numerada).

**Content schema:**
```json
{
  "eye": "Nao confunda",
  "h2": "<em>A</em> vs B",
  "colA": {
    "tag": "/A",
    "titulo": "Sub-titulo <em>destaque</em><br/>linha 2",
    "rows": [
      { "label": "Aspecto 1", "valor": "Resposta A", "status": "yes|no|neutral" },
      { "label": "Aspecto 2", "valor": "Resposta A", "status": "neutral" }
    ]
  },
  "colB": { /* mesmo schema */ }
}
```

**Exemplo aprovado:** slide 03 do deck "Rotinas" (`/schedule` vs `/loop`).

**Template:** `templates/03-comparacao.html`

---

## 04. COMANDO/CODIGO

**Visual:** bg navy + h2 grande (100px) + command box (bg #050D18) com pill gold no canto superior + texto mono syntax-highlighted (cmd em gold, time em verde, num em azul) + struct-row com 4 cards explicando estrutura.

**Quando usar:** mostrar sintaxe de comando, exemplo de codigo, demonstrar uso pratico.

**Quando NAO usar:** so se for citar codigo no meio de outro slide. Se for breakdown estrutural sem comando concreto (use breakdown visual).

**Content schema:**
```json
{
  "eye": "Como criar",
  "h2": "Forma <em>natural</em><br/>e a melhor.",
  "pill": "/schedule",
  "comando": "<span class='c-cmd'>/schedule</span>&nbsp;<span class='c-time'>toda segunda as 8h</span>, puxar os gastos<br/>da conta de anuncios <span class='c-num'>7 dias</span>",
  "struct": [
    { "label": "Nome", "valor": "Para identificar depois" },
    { "label": "Schedule", "valor": "Cron ex: 0 8 * * 1" },
    { "label": "Prompt", "valor": "Como se fosse a primeira vez" },
    { "label": "Timezone", "valor": "America/Sao_Paulo" }
  ]
}
```

**Exemplo aprovado:** slide 04 do deck "Rotinas".

**Template:** `templates/04-comando.html`

---

## 05. BREAKDOWN VISUAL (5 BOXES)

**Visual:** bg paper + eye + h2 grande + 5 boxes lado a lado com numero/simbolo gigante (88px mono bold) + label + range + nome. Primeiro box highlighted (paper2 bg + brick num).

**Quando usar:** explicar anatomia de uma estrutura/formula/sintaxe que tem partes nomeaveis (cron tem 5 campos, formula tem 5 elementos).

**Quando NAO usar:** numero de partes != 5. Se nao for breakdown ESTRUTURAL.

**Content schema:**
```json
{
  "eye": "Cron — sintaxe",
  "h2": "Leia como um <em>relogio</em>.",
  "campos": [
    { "range": "0-59", "num": "0", "name": "Minuto", "hi": true },
    { "range": "0-23", "num": "8", "name": "Hora" },
    { "range": "1-31", "num": "*", "name": "Dia mes" },
    { "range": "1-12", "num": "*", "name": "Mes" },
    { "range": "0-6", "num": "1", "name": "Dia sem." }
  ],
  "exemplos": [
    { "code": "0 8 * * 1", "desc": "Toda segunda as 8h" },
    { "code": "0 9 * * *", "desc": "Todo dia as 9h" }
    /* 6 exemplos totais */
  ]
}
```

**Exemplo aprovado:** slide 05 do deck "Rotinas" (cron sintaxe).

**Template:** `templates/05-breakdown.html`

---

## 06. CARDS NUMERADOS 1-N

**Visual:** bg navy + eye + h2 com numero italic gold + grid horizontal de N cards (3-5 items). Cada card: numero display gigante (76px) gold + nome forte + descricao curta.

**Quando usar:** "As N operacoes/etapas/pilares/passos" — quando N esta entre 3 e 5 e cada item e nomavel.

**Quando NAO usar:** N > 5 (vira lista vertical). N < 3 (vira yes/no). Items sem nome curto.

**Content schema:**
```json
{
  "eye": "O que /schedule faz",
  "h2": "<em>5</em> operacoes.",
  "cards": [
    { "n": "01", "name": "Criar",       "desc": "Nova rotina com horario e prompt" },
    { "n": "02", "name": "Listar",      "desc": "Ver tudo que esta agendado" },
    { "n": "03", "name": "Atualizar",   "desc": "Mudar horario ou prompt" },
    { "n": "04", "name": "Rodar agora", "desc": "Disparar sem esperar o cron" },
    { "n": "05", "name": "Deletar",     "desc": "Desligar uma rotina antiga" }
  ]
}
```

**Exemplo aprovado:** slide 06 do deck "Rotinas" (5 operacoes).

**Template:** `templates/06-cards-numerados.html`

---

## 07. LISTA NUMERADA VERTICAL

**Visual:** bg navy + eye + h2 + lista vertical com items separados por border-bottom. Cada item: numero display grande (52px) gold + titulo italic + descricao.

**Quando usar:** "boas praticas", "regras de ouro", "principios", "checklist" — 4 a 7 items que precisam de mais texto explicativo do que cabe num card horizontal.

**Quando NAO usar:** N < 4 (use cards). N > 7 (divide em 2 slides). Items sem hierarquia clara.

**Content schema:**
```json
{
  "eye": "Regras de ouro",
  "h2": "Boas <em>praticas</em>.",
  "items": [
    { "n": "01", "titulo": "<em>Comece simples</em>", "desc": "Uma rotina de teste antes de orquestrar dez" },
    { "n": "02", "titulo": "<em>Prompt explicito</em>", "desc": "Sem memoria — escreva como primeira vez" }
    /* 4-7 items */
  ]
}
```

**Exemplo aprovado:** slide 09 do deck "Rotinas" (5 boas praticas).

**Template:** `templates/07-lista-numerada.html`

---

## 08. YES/NO DOIS PAINEIS

**Visual:** bg paper + header (eye + h2 com italic brick) + 2 cards lado a lado (verde "yes" + vermelho "no"). Cada card: header uppercase com emoji ✅/❌ + lista de 4-5 items com `→` antes.

**Quando usar:** "onde X brilha vs onde nao serve", "faz vs nao faz", "use vs nao use", "comprar vs nao comprar".

**Quando NAO usar:** comparacao de propriedades (use slide 03). Lista pura sem oposicao moral.

**Content schema:**
```json
{
  "eye": "Casos de uso",
  "h2": "Onde <em>brilha</em> — onde nao serve.",
  "yes": {
    "header": "✅ Rotina brilha aqui",
    "items": [
      "Monitoramento de anuncios (Meta API e remota)",
      "Resumo semanal de PRs e repos publicos",
      "Reativacao de leads — checar quem virou frio",
      "Health-check dos seus apps via HTTP",
      "Pulse semanal do War Room com metricas"
    ]
  },
  "no": {
    "header": "❌ Rotina nao serve aqui",
    "items": [
      "Editar arquivos no Obsidian Vault local",
      "Skills que dependem de Python/ffmpeg/Whisper",
      "Acessar VPS via SSH sem credenciais na nuvem",
      "Qualquer coisa que precise das suas skills locais"
    ]
  }
}
```

**Exemplo aprovado:** slide 08 do deck "Rotinas".

**Template:** `templates/08-yes-no.html`

---

## 09. LIMITACOES + ICONES

**Visual:** bg DARK #060E1A + 2 colunas. Esquerda: eye em alerta (linha laranja) + h2 gigante (112px) com italic em laranja alerta + box warning com texto explicativo. Direita: 5 lim-items com emoji funcional (❌✅💰📍) + texto.

**Quando usar:** comunicar warnings, gotchas, "atencao com isso", limitacoes tecnicas, contras de uma ferramenta.

**Quando NAO usar:** se nao tem 4+ pontos de atencao. Se for so 1 warning (incorpora em outro slide). Maximo 1 slide deste tipo por deck.

**Content schema:**
```json
{
  "eye": "Importante saber",
  "h2": "Ela nao ve seu<br/><em>computador</em>.",
  "warn": "Roda em ambiente isolado na nuvem. Sem acesso a arquivos locais, skills locais ou MCPs locais.",
  "items": [
    { "icon": "❌", "text": "<strong>Sem acesso local.</strong> Nao ve ~/Documents, Obsidian Vault nem skills locais" },
    { "icon": "❌", "text": "<strong>MCPs locais nao funcionam.</strong> Hostinger, Canva, Notion dependem da config local" },
    { "icon": "✅", "text": "<strong>Internet funciona perfeito.</strong> WebFetch, WebSearch, APIs remotas — tudo ok" },
    { "icon": "💰", "text": "<strong>Custo conta.</strong> Cada disparo e cobrado. Cuidado com rotinas a cada 5min" },
    { "icon": "📍", "text": "<strong>Output fica no painel.</strong> Precisa subir pra Notion ou e-mail" }
  ]
}
```

**Exemplo aprovado:** slide 07 do deck "Rotinas".

**Template:** `templates/09-limitacoes.html`

---

## 10. QUOTE/STAT GIGANTE

**Visual:** bg navy ou paper + eye + numero/stat GIGANTE (240px display) ocupando esquerda + frase ancora ao lado + watermark.

**Quando usar:** comunicar um numero de impacto, uma frase ancora memoravel, um stat que merece destaque visual unico (ex: "97% das mentoradas...").

**Quando NAO usar:** se a aula nao tem stat/quote forte. Se houver mais de 1 fato pra mostrar (use cards). Maximo 1 por deck.

**Content schema:**
```json
{
  "bg": "navy",
  "eye": "O numero importa",
  "stat": "97%",
  "stat_unidade": "(opcional, ex: 'das vezes')",
  "frase": "das rotinas que funcionam<br/>foram <em>simples</em> no comeco.",
  "source": "(opcional, fonte/origem)"
}
```

**Exemplo (template novo):** ver `templates/10-quote-stat.html`.

**Template:** `templates/10-quote-stat.html`

---

## 11. TIMELINE HORIZONTAL

**Visual:** bg paper + eye + h2 + 4 boxes horizontais conectados por linha + cada box com numero passo + label + descricao curta.

**Quando usar:** processo sequencial com 3-5 passos. "Como funciona em N etapas". Fluxo temporal.

**Quando NAO usar:** se passos nao sao sequenciais (use cards). Se passos > 5 (divide em 2 slides). Se passos sao paralelos (use cards).

**Content schema:**
```json
{
  "eye": "Como funciona",
  "h2": "<em>4</em> passos.",
  "passos": [
    { "n": "01", "label": "Cria rotina",    "desc": "Voce define horario e prompt" },
    { "n": "02", "label": "Servidor agenda","desc": "Anthropic guarda no cron" },
    { "n": "03", "label": "Dispara",        "desc": "No horario, agente executa" },
    { "n": "04", "label": "Output",         "desc": "Resultado fica no painel" }
  ]
}
```

**Exemplo (template novo):** ver `templates/11-timeline.html`.

**Template:** `templates/11-timeline.html`

---

## 12. FECHAMENTO COM BG-WORD

**Visual:** bg navy + bg-word italic GIGANTESCO (500px) com opacity .04 (palavra-tema) + close-eye gold + big h1 (240px) com italic gold na palavra final + close-sub com `<code>` se mencionar comando.

**Quando usar:** sempre ultimo slide. Fechamento com CTA claro.

**Quando NAO usar:** nunca como slide do meio.

**Content schema:**
```json
{
  "bg_word": "rotina",
  "close_eye": "Proximo passo",
  "big": "Comece com<em>uma.</em>",
  "close_sub": "Use <code>/schedule</code> hoje. Uma rotina de teste. Depois voce orquestra."
}
```

**Exemplo aprovado:** slide 10 do deck "Rotinas".

**Template:** `templates/12-fechamento.html`

---

---

## 13. PROVA SOCIAL CASCATA (CPL)

**Visual:** bg navy + eyebrow + h2 + grid de 6 cards de testimonials. Cada card tem foto (emoji ou URL), nome, nicho, frase em italic gold no número/resultado.

**Quando usar:** SOMENTE em modos CPL.
- CPL1 ato 2 — prova social que abre antes da apresentação
- CPL2 atos 1 e 10 — loop sanduíche (testimonials no início E final)
- CPL3 ato 4 — avalanche de cases

**Quando NAO usar:** em modo `--aula`. Aula educacional não precisa de prova social — vira propaganda.

**Content schema:**
```json
{
  "eye": "Prova social",
  "h2": "<em>Pessoas como você</em> conseguiram.",
  "testimonials": [
    { "foto": "👩‍💼", "nome": "Ana Lazarotto", "nicho": "Vendas High Ticket", "frase": "Faturei <em>R$ 82k</em> em 30 dias" },
    { "foto": "👨‍🔧", "nome": "Carlos Mendes", "nicho": "Manutenção predial", "frase": "<em>R$ 240k</em> em 6 meses" }
    /* 4-6 testimonials totais */
  ]
}
```

**Regras:**
- Mínimo 4, ideal 6 testimonials
- Pelo menos 1 nicho "improvável" (artesanato, viola, batata frita)
- Pelo menos 2 mulheres se avatar é majoritariamente feminino
- Cada frase ≤ 12 palavras

**Template:** `templates/13-prova-social-cascata.html`

---

## 14. PROJEÇÃO 5 ANOS (CPL1)

**Visual:** bg paper + h2 + tabela 5 linhas (ano 1-5) + linha total. Cada linha: ano + vendas/semana + faturamento. Total em destaque brick.

**Quando usar:** SOMENTE em modo `--cpl1` (ato 8, antes do CTA Aula 2). Cria o "Da Vinci visual" — avatar VÊ o futuro.

**Quando NAO usar:** em modo `--aula` (vira marketeiro). Em CPL2/CPL3 (não é o momento — CPL2 é soft pitch, CPL3 é carrinho).

**Content schema:**
```json
{
  "eye": "Projeção conservadora",
  "h2": "<em>5</em> anos.",
  "premissa": "Renovação 50%, escalando 1 venda/ano",
  "ticket": "5.997",
  "anos": [
    { "ano": "01", "vendas": "1 venda/sem", "faturamento": "311.844" },
    { "ano": "02", "vendas": "2 vendas/sem", "faturamento": "779.610" },
    { "ano": "03", "vendas": "3 vendas/sem", "faturamento": "1.403.298" },
    { "ano": "04", "vendas": "4 vendas/sem", "faturamento": "2.182.908" },
    { "ano": "05", "vendas": "5 vendas/sem", "faturamento": "3.118.440" }
  ],
  "total": "7.796.100"
}
```

**Regras:**
- Premissa conservadora (50% renovação, não 90%)
- Total com centavos (não redondo)
- Ticket base mostrado no rodapé

**Template:** `templates/14-projecao-5-anos.html`

---

## 15. SOFT PITCH (CPL2)

**Visual:** bg navy + h2 com nome do programa + grid 5 cards de entrega + 2 colunas (pra quem é / pra quem NÃO é).

**Quando usar:** SOMENTE em modo `--cpl2` (ato 9 — ventilada 3, oficial). NUNCA menciona preço.

**Quando NAO usar:** em modo `--aula` ou `--cpl3` (CPL3 é pitch hard, não soft).

**Content schema:**
```json
{
  "eye": "Pra quem quer mais",
  "h2": "<em>Mentoria</em> Imperio IA",
  "entregas": [
    { "titulo": "Sessões 1:1", "desc": "Semanal com a Tata" },
    { "titulo": "Comunidade", "desc": "Grupo WhatsApp ativo" },
    { "titulo": "Imersões", "desc": "3 presenciais/ano em SP" },
    { "titulo": "Skills proprietárias", "desc": "Acesso ao arsenal Imperio IA" },
    { "titulo": "Calls semanais", "desc": "Tira-dúvida em grupo" }
  ],
  "quem_sim": [
    "Empresária digital faturando R$ 30k+/mês",
    "Quer escalar pra R$ 200k+/mês",
    "Bate 30+ horas/semana no negócio"
  ],
  "quem_nao": [
    "Quem nunca vendeu nada online",
    "Quem busca curso de R$ 297",
    "Quem não tem tempo pra aplicar"
  ]
}
```

**REGRA DURA:** NENHUMA menção de preço. NENHUMA escassez. NENHUM deadline. Apenas apresenta.

**Template:** `templates/15-soft-pitch.html`

---

## 16. DEMOLIÇÃO DE OBJEÇÃO (CPL2 e CPL3)

**Visual:** bg DARK + header eyebrow alerta + 2 painéis lado a lado (VOCÊ ACHA vs MAS NA VERDADE) + seta entre eles + box com case real.

**Quando usar:**
- CPL2 ato 4 — destruir objeção mestre ("não tenho audiência", "meu nicho é diferente")
- CPL3 ato 3 — destruir objeção #11 ("é caro")

**Quando NAO usar:** em modo `--aula`. Demolição não tem sentido fora de contexto persuasivo.

**Content schema:**
```json
{
  "eye": "A objeção mais comum",
  "objecao_literal": "Não tenho audiência",
  "validacao": "Eu também já pensei assim. Faz sentido.",
  "reframing": "As pessoas pagam pelo nível de transformação, não pelo tamanho da audiência.",
  "case_nome": "Mariana Costa — psicóloga",
  "case_resultado": "R$ 47k em 60 dias com 312 seguidores"
}
```

**Regras:**
- Objeção em quote literal ("...")
- Validação curta (2-3 frases)
- Reframing forte (1 frase memorável)
- Case com NOME REAL + nicho + número específico

**Template:** `templates/16-demolicao-objecao.html`

---

## ARQUITETURAS RECOMENDADAS POR TIPO DE AULA

### Aula tecnica (introduzindo ferramenta nova)
```
01 Titulo
02 Definicao + exemplos
03 Comparacao com alternativa
04 Comando/codigo
05 Breakdown da sintaxe
06 Cards das operacoes (3-5)
09 Limitacoes
08 Yes/No casos de uso
07 Boas praticas
12 Fechamento
```
→ 10 slides

### Aula estrategica (conceito de negocio)
```
01 Titulo
02 Definicao + exemplos
10 Quote/stat de impacto
06 Cards dos pilares (3-5)
03 Comparacao com abordagem antiga
11 Timeline do processo
08 Yes/No quando aplicar
07 Boas praticas
12 Fechamento
```
→ 9 slides

### Aula tatica (passo-a-passo)
```
01 Titulo
02 Definicao + exemplos
11 Timeline dos passos
06 Cards das ferramentas
04 Comando/codigo (se tecnico)
07 Boas praticas
09 Limitacoes/erros comuns
12 Fechamento
```
→ 8 slides

### Aula de venda/lancamento
```
01 Titulo
02 Definicao do produto + exemplos
03 Comparacao antes/depois
10 Stat de prova social
08 Yes/No (pra quem e / nao e)
06 Cards dos beneficios
12 Fechamento (CTA forte)
```
→ 7 slides

---

## REGRAS DE COMPOSICAO

1. **Slide 01 e ULTIMO sao fixos** (Titulo + Fechamento)
2. **Maximo 12 slides totais.** Se conteudo grande, divide em 2 decks.
3. **Maximo 1 slide do tipo 09 (limitacoes)** por deck — sobrecarga visual
4. **Maximo 1 slide do tipo 10 (quote/stat)** por deck
5. **Alternar navy e paper** — nunca 4 navy seguidos sem respiro paper
6. **Cards numerados (06) nao podem seguir lista numerada (07)** — sao muito parecidos
7. **Comparacao (03) vem ANTES de breakdown (05)** se ambos no deck

---

**Em duvida qual tipo escolher?** Ver `HEURISTICA.md`.
