body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
color: #1f2933;
background-color: #f5f7fa;
}
.hero {
background: linear-gradient(135deg, #2563eb, #1d4ed8);
color: #f9fafb;
padding: 60px 20px 80px 20px;
text-align: center;
}
.hero-content {
max-width: 900px;
margin: 0 auto;
}
.hero h1 {
font-size: 2.6rem;
margin-bottom: 16px;
}
.hero p {
font-size: 1.08rem;
margin-bottom: 28px;
line-height: 1.6;
color: #e5e7eb;
}
.hero-cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.hero-input {
padding: 12px 14px;
border-radius: 6px;
border: none;
max-width: 320px;
width: 100%;
font-size: 0.95rem;
}
.hero-button {
padding: 12px 24px;
border-radius: 6px;
border: none;
background-color: #f97316;
color: #111827;
font-weight: 600;
font-size: 0.98rem;
cursor: pointer;
}
.hero-button:hover {
background-color: #fb923c;
}
.hero-note {
font-size: 0.8rem;
color: #e5e7eb;
opacity: 0.85;
}
.section {
padding: 50px 20px;
}
.section-inner {
max-width: 1000px;
margin: 0 auto;
}
.section-title {
text-align: center;
font-size: 1.8rem;
margin-bottom: 10px;
}
.section-subtitle {
text-align: center;
font-size: 0.98rem;
color: #6b7280;
margin-bottom: 40px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.feature-card {
background-color: #ffffff;
border-radius: 10px;
padding: 24px 20px;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}
.feature-title {
font-size: 1.05rem;
margin-bottom: 8px;
}
.feature-text {
font-size: 0.92rem;
color: #6b7280;
line-height: 1.55;
}
.badge {
display: inline-block;
padding: 3px 10px;
border-radius: 999px;
background-color: #e0f2fe;
color: #0369a1;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
margin-bottom: 6px;
}
.testimonials {
background-color: #ffffff;
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.testimonial-card {
border-radius: 10px;
border: 1px solid #e5e7eb;
padding: 22px 20px;
background-color: #f9fafb;
}
.testimonial-text {
font-size: 0.9rem;
color: #4b5563;
margin-bottom: 14px;
line-height: 1.6;
}
.testimonial-name {
font-size: 0.9rem;
font-weight: 600;
}
.testimonial-role {
font-size: 0.78rem;
color: #6b7280;
}
.cta-final {
background: #111827;
color: #f9fafb;
text-align: center;
}
.cta-final h2 {
font-size: 1.8rem;
margin-bottom: 12px;
}
.cta-final p {
font-size: 0.98rem;
color: #d1d5db;
margin-bottom: 24px;
}
.cta-final-button {
padding: 13px 30px;
border-radius: 999px;
border: none;
background-color: #22c55e;
color: #022c22;
font-weight: 600;
font-size: 1rem;
cursor: pointer;
}
.cta-final-button:hover {
background-color: #4ade80;
}
.footer {
padding: 18px 20px 26px 20px;
background-color: #020617;
color: #9ca3af;
font-size: 0.78rem;
}
.footer-inner {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.footer-links a {
color: #9ca3af;
text-decoration: none;
margin-right: 14px;
font-size: 0.78rem;
}
.footer-links a:hover {
color: #e5e7eb;
}
@media (max-width: 900px) {
.features-grid, .testimonial-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.hero h1 {
font-size: 2rem;
}
.features-grid, .testimonial-grid {
grid-template-columns: 1fr;
}
.hero-cta {
width: 100%;
}
}
Use este modelo genérico como base para o seu produto, serviço ou campanha.
Edite os textos, cores e imagens livremente para adaptar à sua marca e começar a captar leads hoje mesmo.
Explique em poucas linhas por que sua oferta é diferente, o que ela resolve
e quais resultados o visitante pode esperar ao tomar ação agora.
Descreva de forma objetiva o maior benefício que o seu público terá.
Use linguagem simples, focada em resultados concretos e desejados.
Destaque o método, processo ou diferencial que torna sua solução mais confiável
e eficaz do que as alternativas disponíveis no mercado.
Antecipe as principais dúvidas do visitante e mostre por que é seguro,
simples e vantajoso agir agora em vez de deixar para depois.
Use histórias reais, números e resultados para aumentar a confiança
e mostrar que outras pessoas já obtiveram sucesso com a sua solução.
“Insira aqui um depoimento curto e direto, destacando o problema que a pessoa tinha
e o resultado que ela alcançou depois de usar sua solução.”
“Mostre como sua oferta trouxe clareza, economia de tempo ou aumento de resultados.
Depoimentos específicos são muito mais persuasivos do que elogios genéricos.”
“Inclua aqui uma frase que ajude a quebrar objeções, como medo de não funcionar,
de não ter suporte ou de ser complicado de implementar.”
Reforce em uma frase o principal benefício da sua oferta e convide o visitante
para a ação: se cadastrar, solicitar um contato, fazer download, participar de um evento ou comprar.
Crie sua Landing Page Profissional em Minutos
Destaques do Seu Produto ou Serviço
Explique o Principal Resultado
Mostre Como Você Ajuda
Reduza Dúvidas e Objeções
Provas e Depoimentos
Pronto para Dar o Próximo Passo?