Landing page com HTML e CSS
Uma landing page simples e rápida em um único arquivo: mobile primeiro, acessível e sem frameworks pesados.
- Tipo
- Prompt
- Nível
- Iniciante
- Tempo
- cerca de 10 min
Os resultados dependem da ferramenta, do modelo e do que você digitar.
Preencher
O que você digita fica nesta janela do navegador. Não armazenamos nem enviamos nada.
Para que é a página?
- inscrição em uma oficina
- apresentar um pequeno app
- cartão de visita de um freelancer
- convite para uma festa do clube
- lista de espera para um produto novo
Quais partes?
- topo, três vantagens, como funciona, formulário de inscrição, contato
- topo, funcionalidades, preços, perguntas frequentes
- topo, sobre mim, serviços, contato
- topo, programação, como chegar, inscrição
- topo, problema, solução, lista de espera
Esquema de cores
- azul-marinho e branco com detalhe laranja
- verde e creme
- preto e branco com um vermelho
- azul-pastel e cinza
- tons de areia com detalhe verde-escuro
Seu prompt
Crie uma landing page em um único arquivo HTML com CSS embutido, sem frameworks de JavaScript. Objetivo: [Objetivo]. Seções: [Seções]. Cores: [Cores]. Mobile primeiro, fontes legíveis, contraste suficiente, ordem lógica de títulos e textos alternativos de exemplo. Sem fontes externas, sem scripts de rastreamento, sem imagens de pessoas reais.
Ferramentas indicadas
Ferramentas do nosso catálogo com as quais este prompt funciona bem.
- v0 Preços e limites
- Lovable Preços e limites
- Replit Preços e limites
Como usar
- Preencha os campos ou toque em uma sugestão. Deixe de fora nomes, endereços e outros dados pessoais.
- Copie o prompt pronto para a ferramenta que preferir.
- Abra o arquivo no navegador, veja no celular e rode uma verificação de acessibilidade do navegador.
Funciona nestas ferramentas
Prompts funcionam em muitas ferramentas de chat e de geração. Esta seleção vem do nosso catálogo; preços conforme a página de cada ferramenta.
Por que funciona?
Um único arquivo sem frameworks é fácil de entender e hospedar. As regras de contraste e títulos garantem acessibilidade desde o começo.
Dicas
- Um formulário precisa de um lugar que receba os dados; resolva isso, e a privacidade, antes de publicar a página.