Biblioteca de prompts

Landing page de um produto

InicianteLanding page

Uma página só, com hero, prova e um CTA. Sem depoimento inventado.

Quando usar

Use quando a entrega é uma página de venda ou apresentação, não um app com login. Funciona em construtor (Lovable, Bolt, v0) ou num repositório vazio.

Variáveis

[PRODUCT_NAME][AUDIENCE][OFFER][PROOF][PRIMARY_CTA][PAGE_LANGUAGE][TONE][STACK]

Copiar prompt

Você é designer de interface e engenheiro de front. Construa uma landing page de uma página para [PRODUCT_NAME], no stack [STACK], no idioma [PAGE_LANGUAGE].

Contexto
- Público: [AUDIENCE]
- Oferta: [OFFER]
- Prova (número, nome ou a frase "não tenho prova"): [PROOF]
- CTA principal: [PRIMARY_CTA]
- Tom: [TONE]

Antes de escrever código, liste as variáveis. Se alguma ainda for o placeholder ou estiver vazia, pare e faça só as perguntas que faltam. Não invente depoimento, logo de cliente, métrica, preço ou selo de imprensa.

Escopo
- Uma página, mobile-first, HTML semântico.
- Ordem, pulando o que não servir à oferta: header, hero, problema, como funciona em 3 passos, oferta, prova, FAQ curto, CTA final, footer com contato.
- Um CTA primário. No máximo um secundário.
- Contraste de texto no nível AA, foco visível, botão com nome acessível, imagem com texto alternativo real.
- Sem lorem ipsum, sem "bem-vindo à nossa plataforma", sem três cards vazios.
- Sem área logada, sem banco, sem pagamento.

Entrega
1. Projeto que sobe localmente, com o comando exato.
2. O que você assumiu, em lista curta.
3. Três headlines. Use a mais específica no hero.
4. O que um humano ainda precisa ligar (domínio, formulário, analytics).

Pronto quando a página abre em 360px sem rolagem horizontal, o CTA do hero aparece sem rolar num laptop de 1280px, e não existe placeholder visível.

Como rodar este prompt

  1. Preencha as variáveis. Troque cada colchete. Se não tiver prova, escreva isso com todas as letras.
  2. Cole no construtor. Peça a página no stack que você realmente vai publicar.
  3. Confira o CTA. Um botão primário, visível no hero em 1280px, e nenhum depoimento que você não escreveu.

Onde isso quebra

Se PROOF estiver vazio, o modelo inventa números. O prompt manda parar. Não use este texto para um dashboard: ele recusa área logada.

Resultado

Espaço para screenshot ou demo. Ainda não há resultado publicado.