Landing pages · 8 direções · atualizado em nov 2026

Biblioteca de inspiração

Escolha uma direção, copie o prompt e cole no Claude Code. Cada estilo traz paleta, tipografia, palavras-chave e limites para o resultado não cair no visual genérico de IA. No fim da página você guarda as suas próprias referências.

1 · EstéticaPalavras que descrevem o visual: material, ritmo, densidade.
2 · ReferênciasPelo sentimento que passam, não pelo conteúdo copiado.
3 · IntençãoProduto, público e a ação que a página precisa provocar.
4 · LimitesO que o Claude nunca deve fazer. Os limites valem tanto quanto o estilo.

Onde coletar referências

Galerias para você garimpar. Salve o que chamar a atenção na lista pessoal abaixo, com o estilo e uma nota sobre o que funcionou.

Limites que valem para qualquer estilo

Cole junto de qualquer prompt para evitar o visual de template.

Sem gradiente roxo-para-azul no hero.
Não usar Inter ou fonte padrão do sistema como única tipografia. Definir um par de fontes.
Sem ícones em emoji nem cartões idênticos repetidos em fileira.
Usar capturas reais do produto no lugar de ilustrações genéricas.
Um único botão principal por tela. A ação principal repete no fim da página.
Pensar no celular primeiro: alvos de toque grandes e botão de ação fixo quando fizer sentido.

Minhas referências

Adicione links, estilo e uma nota. Fica salvo só neste navegador.