* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; } body { background-color: #f5f5f7; color: #1f2933; line-height: 1.5; } a { text-decoration: none; color: inherit; } /* Header */ header { background-color: #ffffff; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; z-index: 10; } .container { max-width: 1100px; margin: 0 auto; padding: 0 16px; } .nav { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; } .logo { font-size: 22px; font-weight: 700; color: #2563eb; } .nav-links { display: flex; gap: 20px; font-size: 14px; } .nav-links a { color: #4b5563; } .nav-links a:hover { color: #111827; } .nav-cta { padding: 8px 18px; background-color: #2563eb; color: #ffffff; border-radius: 999px; font-size: 14px; font-weight: 600; } .nav-cta:hover { background-color: #1d4ed8; } /* Hero */ .hero { padding: 60px 0 50px; } .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: center; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background-color: #eff6ff; color: #1d4ed8; padding: 4px 10px; border-radius: 999px; font-size: 12px; margin-bottom: 16px; } .hero-title { font-size: 36px; font-weight: 800; color: #111827; margin-bottom: 12px; } .hero-subtitle { font-size: 16px; color: #4b5563; margin-bottom: 24px; } .hero-cta-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; } .btn-primary { padding: 12px 24px; border-radius: 999px; background-color: #2563eb; color: #ffffff; font-size: 14px; font-weight: 600; border: none; cursor: pointer; } .btn-primary:hover { background-color: #1d4ed8; } .btn-secondary { padding: 12px 20px; border-radius: 999px; background-color: #ffffff; color: #2563eb; border: 1px solid #cbd5f5; font-size: 14px; font-weight: 600; cursor: pointer; } .btn-secondary:hover { background-color: #eff6ff; } .hero-note { font-size: 12px; color: #6b7280; } .hero-card { background-color: #ffffff; border-radius: 16px; padding: 22px 20px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10); } .hero-card-title { font-size: 16px; font-weight: 700; margin-bottom: 4px; } .hero-card-subtitle { font-size: 13px; color: #6b7280; margin-bottom: 16px; } .hero-card-row { display: flex; justify-content: space-between; gap: 14px; font-size: 12px; margin-bottom: 8px; } .hero-card-label { color: #6b7280; } .hero-card-value { font-weight: 600; } .hero-card-pill { display: inline-block; font-size: 11px; padding: 4px 8px; border-radius: 999px; background-color: #ecfdf3; color: #166534; margin-top: 10px; } /* Section titles */ .section { padding: 40px 0; } .section-header { text-align: center; margin-bottom: 28px; } .section-title { font-size: 24px; font-weight: 700; color: #111827; margin-bottom: 6px; } .section-subtitle { font-size: 14px; color: #6b7280; } /* Features */ .features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .feature-card { background-color: #ffffff; border-radius: 12px; padding: 18px 16px; border: 1px solid #e5e7eb; } .feature-icon { width: 32px; height: 32px; border-radius: 999px; background-color: #eff6ff; color: #1d4ed8; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 10px; } .feature-title { font-size: 15px; font-weight: 600; margin-bottom: 6px; } .feature-text { font-size: 13px; color: #6b7280; } /* Social proof */ .brands { text-align: center; padding: 26px 0 10px; font-size: 12px; color: #6b7280; } .brands-logos { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-weight: 600; color: #4b5563; } /* Pricing */ .pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .pricing-card { background-color: #ffffff; border-radius: 16px; padding: 22px 20px; border: 1px solid #e5e7eb; display: flex; flex-direction: column; justify-content: space-between; } .pricing-card.highlight { border: 2px solid #2563eb; box-shadow: 0 14px 30px rgba(37, 99, 235, 0.15); } .pricing-label { font-size: 12px; font-weight: 600; color: #2563eb; margin-bottom: 4px; } .pricing-name { font-size: 16px; font-weight: 700; margin-bottom: 6px; } .pricing-desc { font-size: 13px; color: #6b7280; margin-bottom: 14px; } .pricing-value { font-size: 22px; font-weight: 800; color: #111827; } .pricing-value span { font-size: 13px; font-weight: 400; color: #6b7280; } .pricing-features { list-style: none; margin: 14px 0 18px; padding: 0; font-size: 13px; color: #4b5563; } .pricing-features li { margin-bottom: 6px; } .pricing-btn { width: 100%; padding: 11px; border-radius: 999px; border: none; cursor: pointer; font-size: 14px; font-weight: 600; } .pricing-btn.primary { background-color: #2563eb; color: #ffffff; } .pricing-btn.primary:hover { background-color: #1d4ed8; } .pricing-btn.outline { background-color: #ffffff; color: #2563eb; border: 1px solid #cbd5f5; } .pricing-btn.outline:hover { background-color: #eff6ff; } /* CTA final */ .final-cta { margin: 20px auto 50px; background-color: #111827; color: #f9fafb; border-radius: 18px; padding: 26px 22px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; align-items: center; } .final-cta-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; } .final-cta-text { font-size: 14px; color: #e5e7eb; margin-bottom: 16px; } .final-cta-note { font-size: 12px; color: #9ca3af; margin-top: 8px; } .final-cta-box { background-color: #020617; border-radius: 14px; padding: 18px 16px; border: 1px solid #1f2937; } .final-cta-box-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; } .final-cta-box-text { font-size: 13px; color: #d1d5db; margin-bottom: 10px; } /* Footer */ footer { padding: 20px 0 26px; font-size: 12px; color: #9ca3af; border-top: 1px solid #e5e7eb; background-color: #ffffff; } .footer-flex { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; align-items: center; } .footer-links { display: flex; gap: 14px; } .footer-links a { color: #6b7280; } .footer-links a:hover { color: #111827; } /* Responsive */ @media (max-width: 900px) { .hero-grid, .pricing-grid, .final-cta { grid-template-columns: 1fr; } .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .nav-links { display: none; } .hero { padding: 36px 0 30px; } .hero-title { font-size: 28px; } .features-grid { grid-template-columns: 1fr; } .final-cta { padding: 20px 18px; } }
Começar agora
Nova geração de páginas de captura

Crie landing pages que convertem em menos de 10 minutos.

Gere páginas profissionais em HTML puro, otimizadas para alta conversão, sem precisar de designers, programadores ou ferramentas complexas.

Sem cartão de crédito • Código 100% seu • Ideal para lançamentos, anúncios e testes A/B

Simulação de resultado
Veja o potencial de uma landing page otimizada em apenas 30 dias de campanha.
Investimento em tráfego
R$ 2.000,00
Ticket médio
R$ 297,00
Conversão página comum
2,1%
Conversão LandingPro
4,8%
Vendas previstas (média)
+34%
Retorno adicional estimado
R$ 3.000+
Ganhos simulados com base em mercados reais de info‑produtos.
Já ajudando empreendedores e agências que anunciam em:
Google Ads Meta Ads RD Station Hotmart Monetizze

Como o gerador funciona

Em poucos cliques, você descreve sua oferta e recebe um HTML limpo, rápido e pronto para publicar.

1
Descreva sua oferta

Informe o que você está vendendo, o público ideal e o objetivo da página (captura, venda, lista de espera, etc.).

2
Receba o HTML otimizado

O sistema gera uma landing page responsiva, com design moderno, copy persuasiva e estrutura focada em conversão.

3
Publique onde quiser

Basta colar o código no seu servidor, construtor de sites ou ferramenta de e‑mail. Sem travas, sem mensalidades escondidas.

Por que usar um gerador de landing pages em HTML?

Páginas mais leves, mais rápidas e com total controle do código, sem depender de plataformas caras.

⚡
Velocidade que aumenta conversão

HTML puro e CSS enxuto aumentam