53 lines
2.1 KiB
Markdown
53 lines
2.1 KiB
Markdown
---
|
|
type: rule
|
|
name: copywriting-landing
|
|
description: Diretrizes de Copywriting, Design Visual, Formulários, SEO Técnico e CRO para Landing Pages de Alta Conversão
|
|
scope: [landing-pages, CRO, copywriting, SEO]
|
|
trigger: model_decision
|
|
updatedAt: "2026-09-28"
|
|
---
|
|
|
|
# Diretrizes de Copywriting, Design e CRO para Landing Pages (@land)
|
|
|
|
## Copywriting de Alta Conversão
|
|
|
|
### Framework 4C
|
|
1. **Clarity (Clareza):** Entendimento da oferta nos primeiros 5 segundos.
|
|
2. **Comprehension (Compreensão):** Explicação clara do "como" a solução atua.
|
|
3. **Credibility (Credibilidade):** Números, depoimentos e logos reais.
|
|
4. **Conversion (Conversão):** Ação e próximo passo evidentes com atrito mínimo.
|
|
|
|
### Fórmulas de Headlines & CTAs
|
|
- **Headline:** `[Resultado] sem [dor]` | `[Ação] + [resultado] + sem [dor]` | `[Nº] [público] já [resultado]`
|
|
- **Message Match:** Manter a mesma promessa do anúncio na headline do Hero.
|
|
- **CTA:** `Solicitar Demonstração Gratuita` | `Ver como funciona` | `Falar com especialista`
|
|
|
|
---
|
|
|
|
## Design Visual & Psicologia (Regra 60-30-10)
|
|
|
|
- **60% Dominante:** Backgrounds e áreas principais.
|
|
- **30% Secundária:** Seções, cards e destaques.
|
|
- **10% Acento:** CTAs e alertas (máximo contraste).
|
|
- **Tipografia:** H1 48-56px Bold | Body 16-18px Regular (Line-height 1.6x).
|
|
- **Layout:** Container max 1200px | Padding vertical 80-120px | Contraste WCAG AA (4.5:1).
|
|
- **Mídia:** Screenshots reais do produto (NUNCA stock photos genéricas).
|
|
|
|
---
|
|
|
|
## Formulários Otimizados (Máximo 4 Campos)
|
|
|
|
1. Nome (texto)
|
|
2. E-mail corporativo (email)
|
|
3. Telefone/WhatsApp (tel)
|
|
4. Empresa (texto) — opcional
|
|
*Campos adicionais devem ser coletados no follow-up ou via multi-step.*
|
|
|
|
---
|
|
|
|
## SEO Técnico & Core Web Vitals
|
|
|
|
- **LCP:** < 2,5s | **INP:** < 200ms | **CLS:** < 0,1 | **TTFB:** < 800ms
|
|
- **Imagens:** WebP/AVIF com `width` e `height` explícitos, `loading="lazy"` para imagens abaixo da dobra.
|
|
- **Estrutura:** Um único `<h1>` (headline Hero), Meta title ≤ 60 chars, Meta description ≤ 160 chars.
|
|
- **Schema.org:** Markup de `Organization`, `SoftwareApplication` e `FAQPage`.
|