04
Section Patterns
Padrões de composição que impedem a IA ou o Elementor de criar espaçamentos e layouts novos a cada seção.
Estrutura de toda seção
Eyebrow opcional, H2, introdução opcional, conteúdo e CTA opcional.
SECTION
EYEBROW opcional
H2
TEXTO INTRODUTÓRIO opcional
CONTEÚDO
CTA opcional
| Relação | Spacing |
|---|---|
| Eyebrow → H2 | 12 px |
| H2 → introdução | 16 px |
| Cabeçalho → conteúdo | 32 px |
| Entre blocos maiores | 48 px |
| Conteúdo → CTA | 32 px |
Alinhamentos
Somente dois defaults: esquerda e centralizado.
Eyebrow
Alinhado à esquerda
Padrão principal para conteúdo.
Eyebrow
Centralizado
CTA, FAQ ou introduções específicas.
Grid de cards
| Quantidade | Desktop | Tablet | Mobile |
|---|---|---|---|
| 2 | 2 colunas | 2 | 1 |
| 3 | 3 colunas | 2 | 1 |
| 4 | 4 ou 2×2 | 2 | 1 |
| 5 | 3 + 2 | 2 | 1 |
| 6 | 3×2 | 2 | 1 |
Duas colunas
Padrão 50/50 ou 45/55. No mobile, uma coluna; conteúdo principal normalmente vem antes da imagem.
Conteúdo
Imagem
Superfícies
Usar somente Surface 1, 2 e 3 para dar ritmo. Não criar uma cor de fundo diferente para cada seção.
Surface 1
Surface 2
Surface 3