# Template de prompt — landing page com IA

Modelo estruturado em 6 blocos para gerar uma landing page que não seja a média da internet.
Copie o bloco cru, preencha os `<colchetes>`, apague as linhas que não se aplicam.

**Regra que sustenta o template inteiro:** todo espaço em branco no prompt vira default estatístico.
O modelo não inventa a sua oferta — ele preenche a lacuna com o padrão mais comum que já viu.

---

## Como usar

1. Preencha o template abaixo por inteiro antes de abrir qualquer ferramenta.
2. Mande o prompt completo de uma vez só, pedindo **estrutura primeiro** (Passe 1).
3. Itere em passes separados. Nunca peça "melhora tudo".

---

## O template

```
CONTEXTO
Negócio: <o que é, há quanto tempo, onde>
Vende: <produto/serviço em uma frase concreta>
Para quem: <cliente ideal com recorte, não "empresas em geral">
Ticket: <valor real ou faixa>
Concorrente direto: <quem é e por que é mais barato/caro>
Diferença real: <o que você faz que o concorrente não faz>

OBJETIVO
Ação única da página: <agendar / comprar / solicitar orçamento / assinar>
Não incluir: <newsletter, blog, "fale conosco", portfólio, o que for ruído>
Tráfego vem de: <anúncio, bio do Instagram, indicação, busca>
Estágio de consciência: <não sabe que tem o problema / sabe e busca solução / compara fornecedores>

CONTEÚDO (use exatamente este texto, não invente e não reescreva)
H1: <sua headline>
Sub: <uma frase que entrega o "como">
Prova: <números reais, nomes, tempo de casa, avaliação>
Objeções a tratar, nesta ordem: <objeção 1>, <objeção 2>, <objeção 3>
Oferta: <o que a pessoa recebe exatamente ao clicar>
CTA: <texto do botão, com o que acontece depois>
FAQ: <5 perguntas que você já responde no WhatsApp toda semana>

RESTRIÇÕES TÉCNICAS
Stack: <ex: Next.js App Router + Tailwind, sem lib de UI>
Breakpoints: <ex: 360 / 768 / 1280>, mobile-first
Proibido: <carrossel, modal, animação de scroll, ícone genérico, imagem de banco>
Limite tipográfico: <ex: máximo 2 pesos, 1 família>
Performance: <ex: sem imagem acima de X, sem dependência externa>

DIREÇÃO ESTÉTICA
Referência concreta: <site real que você quer que se pareça, e o que exatamente dele>
Densidade: <densa e sóbria / arejada e editorial>
Paleta: <fundo, texto, um acento só>
Tipografia: <família e o papel de cada peso>
Nada de: <gradiente, glassmorphism, ilustração 3D, sombra colorida>

CRITÉRIO DE ACEITE
Acima da dobra tem: promessa + prova + CTA.
Cada seção responde uma objeção nomeada acima.
Nenhum texto que eu não escrevi no bloco CONTEÚDO.
<seu critério extra: ex. "cabe em uma tela de 360px sem scroll horizontal">
```

---

## Bloco a bloco

| Bloco | O que ele impede | Erro mais comum |
|---|---|---|
| **Contexto** | Que a IA escreva para "empresas" em vez do seu cliente | Descrever o setor e não o cliente |
| **Objetivo** | Página com 4 CTAs concorrendo entre si | Querer capturar lead *e* vender *e* educar |
| **Conteúdo** | Headline de adjetivo ("soluções inovadoras") | Deixar a IA escrever a promessa |
| **Restrições** | Stack errada, dependência inútil, carrossel | Só dizer o que quer, nunca o que é proibido |
| **Estética** | Template genérico de starter kit | Adjetivo em vez de referência ("moderno", "clean") |
| **Aceite** | Você aceitar qualquer coisa porque ficou bonito | Escrever o critério depois de ver o resultado |

---

## Exemplo preenchido

```
CONTEXTO
Negócio: escritório de contabilidade no Recife, 12 anos.
Vende: contabilidade completa com fechamento até o dia 5 e relatório gerencial mensal.
Para quem: PJ de serviço faturando 30k–300k/mês, sem financeiro estruturado.
Ticket: R$ 890/mês.
Concorrente direto: contabilidade online de R$ 129/mês.
Diferença real: contador nomeado que responde no WhatsApp em até 2h úteis.

OBJETIVO
Ação única da página: agendar diagnóstico gratuito de 20 min.
Não incluir: newsletter, blog, "fale conosco", equipe.
Tráfego vem de: anúncio no Instagram e bio.
Estágio de consciência: já tem contador, está insatisfeito, compara preço.

CONTEÚDO (use exatamente este texto, não invente e não reescreva)
H1: "Sua contabilidade te entrega guia. A gente te entrega decisão."
Sub: "Fechamento até o dia 5, relatório gerencial e um contador que responde no WhatsApp."
Prova: 340 empresas ativas · 12 anos · 4,9 no Google
Objeções a tratar, nesta ordem: preço (custa 7x o online), medo de migrar, prazo de transição.
Oferta: 20 min por vídeo, com análise do último balancete. Sem compromisso.
CTA: "Agendar diagnóstico de 20 min" → abre agenda com horários da semana.
FAQ: quanto tempo leva a migração / preciso avisar o contador atual / quem cuida da minha conta /
     e se eu não gostar / o preço muda conforme faturamento

RESTRIÇÕES TÉCNICAS
Stack: Next.js App Router + Tailwind, sem lib de UI.
Breakpoints: 360 / 768 / 1280, mobile-first.
Proibido: carrossel, modal, animação de scroll, ícone de linha genérico, foto de banco.
Limite tipográfico: máximo 2 pesos, 1 família.
Performance: sem dependência externa além do Tailwind.

DIREÇÃO ESTÉTICA
Referência concreta: página de produto B2B — densidade de texto alta, tabela comparativa,
tipografia grande, hierarquia por tamanho e não por cor.
Densidade: densa e sóbria.
Paleta: fundo off-white, texto quase preto, um acento só.
Tipografia: sans geométrica; peso regular no corpo, semibold só em H1 e H2.
Nada de: gradiente, glassmorphism, ilustração, sombra colorida.

CRITÉRIO DE ACEITE
Acima da dobra tem: promessa + prova + CTA.
Cada seção responde uma objeção nomeada acima.
Nenhum texto que eu não escrevi no bloco CONTEÚDO.
A comparação com o concorrente de R$ 129 aparece como tabela, não como parágrafo.
```

---

## Iteração em passes

Um objetivo por prompt. Pedir tudo junto é pedir para a IA escolher o que ignorar.

**Passe 1 — estrutura**
```
Antes de qualquer estilo: me mostre só a estrutura da página em lista —
seções na ordem, o que cada uma faz, e qual objeção cada uma responde.
Sem CSS, sem código, sem copy nova. Se alguma seção não responder a uma
objeção da minha lista, remova.
```

**Passe 2 — copy e microcopy**
```
Agora a copy. Use apenas o texto do bloco CONTEÚDO como base.
Para cada headline de seção, escreva a versão que você propõe e, em uma
linha, por que ela é defensável a partir do que eu te dei.
Microcopy de botão, de campo e de estado vazio incluídos.
Não introduza nenhuma afirmação que eu não possa comprovar.
```

**Passe 3 — estética**
```
Agora estilo, mantendo estrutura e texto congelados.
Ritmo tipográfico: defina a escala e aplique. Espaçamento vertical
consistente. Um acento só. Me diga onde você usou o acento e por quê.
```

**Passe 4 — estados e mobile**
```
Estados e bordas: mobile 360px, campo com erro, envio em carregamento,
sucesso, e o que acontece se o agendamento falhar.
Sem mudar layout desktop.
```

**Prompt de auditoria (rode antes de aprovar)**
```
Audite a página contra o meu CRITÉRIO DE ACEITE, item por item.
Para cada item: atende ou não atende, e a evidência no código.
Liste também todo texto presente na página que não veio do meu bloco CONTEÚDO.
```

---

## Checklist antes de mandar o prompt

- [ ] Sei qual ação única a página precisa gerar
- [ ] Escrevi a headline e a oferta com as minhas palavras
- [ ] Listei as 3 objeções reais do meu cliente
- [ ] Defini o que é proibido usar
- [ ] Dei uma referência estética concreta, não um adjetivo
- [ ] Escrevi o critério de aceite antes de ver o resultado

---

## O que a IA não decide

A IA executa decisão. Ela não toma decisão de negócio.

- qual é a sua oferta
- quanto você cobra e por quê
- contra quem você compete
- qual objeção trava a venda
- que prova você tem para mostrar

Se você não decidiu isso, o modelo vai chutar — e você vai achar que a culpa foi do modelo.

---

pixe.studio — engenharia com IA