---
fonte: 01-canonicos/seed-praticas.md
versao_da_fonte: v0.1
secao: 02
titulo: "Post único — boas práticas de design"
sequencia: 4 de 17
bytes_do_corpo: 11027
md5_do_corpo: 28da0722a8f6d24432d5bc1c076c7533
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/seed-praticas.md
---
## 2. Post único — boas práticas de design

> **Origem:** `seed-ds-post/references/melhores-praticas-post-design.md` (skill de 2026-05-13, 10363 bytes, MD5 `0e9e88a4d815810b5609fbbe53f602b4`; cópia preservada em `09-pesquisa/skills-v1-2026-05/referencias/melhores-praticas-post-design.md`) · **Importado em 2026-09-06 sem edição** — só os títulos foram rebaixados dois níveis (código intacto).
>
> **Estado: ⚠ não auditado contra o DS v2.** Contradições medidas — vale a regra de precedência do cabeçalho: 2 cor(es) em hex — só os tokens do `seed-tokens.json` valem (marca §3, §11).

### Melhores práticas — design de posts B2B e social

Reference exclusiva da skill `seed-ds-post`. Síntese de práticas estabelecidas no mercado (autoridades + dados de benchmark 2024-2026) aplicáveis ao contexto SEED engenharia (B2B industrial/comercial).

Consultar sempre antes de produzir post de divulgação, hook visual de campanha, ou peça pra social media.

---

#### Autoridades de referência

Quando o usuário pedir "no estilo de" ou "como [autor]", reconhecer estas escolas:

| Autor | Obra | Especialidade |
|---|---|---|
| **Ellen Lupton** | "Thinking with Type" (3ª ed, 2024), "Graphic Design: The New Basics" | Typography hierárquica, sistemas tipográficos, grids — **autoridade canônica em type** |
| **Josef Müller-Brockmann** | "Grid Systems in Graphic Design" | Sistemas de grid, modular layouts (raiz da abordagem moderna) |
| **Massimo Vignelli** | "The Vignelli Canon" | Disciplina visual, tipografia restritiva, paleta limitada |
| **Sprout Social Index** | Relatório anual | Dados de comportamento de audiência social, benchmarks B2B |
| **Rico Incarnati / Torro Media** | "The 3 Hook Rule" | Frameworks de hook visual (visual + text + verbal) |

Aplicação SEED: o sistema SEED já segue princípios Lupton/Vignelli — paleta restrita (18 tokens), grid disciplinado, tipografia hierárquica fixa, sem floreio. Reforça em vez de inovar.

---

#### Dados de benchmark (atenção e engajamento social 2024-2026)

##### Tempo de decisão do usuário

- **1.7 segundos** — tempo médio que usuário passa em cada post antes de scrollar (Hook Formula research)
- **8.25 segundos** — attention span médio social media
- **2-3 segundos** — janela crítica de hook
- **33%** — retenção em 10s no Instagram Reels (a maioria já scrollou)
- **80%** — completion rate em vídeo TikTok <15s
- **92%** — usuários assistindo vídeo Instagram **com som off**

**Implicação prática SEED:**
- Hook visual precisa funcionar em **1 segundo** sem som, sem motion (estamos em SVG/PNG).
- Texto sobreposto OBRIGATÓRIO se houver áudio narrado.
- Primeira frase / primeiro elemento precisa carregar 80% da mensagem.

##### Formato preferencial Instagram 2026

- **Migração de 1:1 (quadrado) para 4:5 vertical (1080×1350)** está em curso
- 4:5 ocupa 25% mais real estate no feed mobile (vertical takes precedência)
- Quadrado ainda funciona mas é "legacy" — perderá engagement vs. 4:5 em médio prazo
- **Story 9:16 (1080×1920)** continua sendo formato dominante pra ações táticas

**Aplicação SEED:** quando Rafael pedir "post pro Instagram" sem especificar formato, sugerir 4:5 (1080×1350) como default, oferecer 1:1 (1080×1080) como alternativa. Story sempre 9:16.

##### Reels e short-form video

- Não cobertos por esta skill (esta produz peças estáticas SVG/PNG)
- Se o pedido for "vídeo de 15s pra reel", a skill **redireciona** explicando que produz frame inicial (capa) e roteiro de texto, não vídeo

---

#### Os 7 princípios consolidados (best practices)

##### 1. The 3-Hook Rule (Rico Incarnati / Torro Media)

Cada peça deve passar por 3 hooks simultâneos:

- **Visual hook** (primeiro 1 segundo): contraste forte, cor SEED dominante, face/EEny, prop reconhecível
- **Text hook** (1-7 palavras top-left ou centro): pergunta, número, contradição, pain point
- **Copy hook** (subtítulo / primeira linha): expansão do text hook, promete o payoff

**Aplicação SEED:**
- Visual: fundo turquesa SEED + EEny apontando + número grande
- Text hook 1-7 palavras: *"Conta de luz 38% mais alta?"* / *"Indústria gasta R$ X/mês a mais"* / *"50 kWp = quanto economiza?"*
- Copy: completa o gancho — *"Diagnóstico 360° identifica onde economizar"*

##### 2. Pattern interruption (Bedrok Method)

Cérebro humano scaneia o feed em modo "predator detection" — pausa em qualquer coisa que quebre padrão esperado. O feed do destinatário SEED típico (Instagram/LinkedIn de PJ industrial) está cheio de:
- Posts genéricos de "Bom dia, feliz quarta!" (todos iguais)
- Fotos institucionais de equipe
- Frases motivacionais corporativas

**Como SEED quebra padrão:**
- Foto técnica real (sistema fotovoltaico real, painel elétrico, transformador) em vez de stock
- Número quebrado de tarifa (R$ 4.547 não R$ 4.500)
- Pergunta uncomfortable ("Você sabe quanto paga por kWh hoje?")
- EEny em pose inusitada (não default sorridente)

##### 3. Front-load value (8.25s attention span)

Primeira linha = 80% da mensagem. Não construir suspense, não começar com "vocês sabiam que..." nem "imagine se...". Dar o ponto direto na primeira linha.

**Errado:**
> "Você já parou pra pensar como sua empresa consome energia? A SEED tem soluções inovadoras..."

**Certo:**
> "Indústria de móveis paga 8-15% a mais em energia. Diagnóstico 360° identifica onde."

##### 4. Pain-Promise-Proof-Pivot (Hook Formula)

Estrutura testada pra hooks de scroll-stop:

1. **Pain** — gerar tensão (pain point conhecido do destinatário)
2. **Promise** — o que ele vai ganhar lendo
3. **Proof** — número, dado, case
4. **Pivot** — CTA com next step

**Exemplo post Instagram SEED:**
- **Pain (visual + text):** "Sua conta de luz subiu 23% esse ano?"
- **Promise (subtítulo):** "Saber onde sua indústria perde energia"
- **Proof (corpo):** "Diagnóstico 360° já economizou R$ 1,2M em clientes industriais"
- **Pivot (CTA):** "Fale com a SEED em seed.eng.br"

##### 5. Especificidade > Generalidade (Oui Creatives)

Números específicos derrubam ceticismo. *"50 kWp"* funciona; *"sistemas grandes"* não. *"R$ 4.547/mês"* funciona; *"economia significativa"* não.

**Aplicação SEED:**
- Cifras com 3 dígitos significativos (não arredondar pra centena)
- Datas reais ("15/05" não "essa semana")
- Termos técnicos exatos ("fator de potência 0,87" não "energia desbalanceada")
- Cidades específicas ("Aimorés/MG" não "região")

##### 6. Visual minimalism — whitespace as confidence (B2B 2026 trend)

Brands que "não precisam gritar" são percebidas como mais confiáveis. Whitespace + restrição visual = sinal de maturidade B2B.

**Aplicação SEED:**
- 25-35% da área é whitespace (respiro)
- Máximo **3 elementos visuais** competindo por atenção
- 1 cor dominante (turquesa em 45% da peça), 1 cor de destaque (amarelo em <10%), restante neutro
- Tipografia: máximo 2 tamanhos por peça (título + corpo), nada de 4-5 hierarquias
- Sem decoração ornamental (linhas finas, ícones decorativos, ornamentos)

##### 7. Mute-first design (92% sem som)

Mesmo em posts estáticos, projetar como se fosse vídeo sem som:
- Texto sobreposto carrega 100% do conteúdo
- Visual reforça mas não é a mensagem
- Se a peça depende de áudio/legenda imaginária → refazer

##### Bônus — Faces criam conexão (psicologia)

Cérebro humano é wired pra reconhecer e responder a faces. EEny tem essa função no DS SEED — é a "face" da marca em peças onde foto humana não cabe.

**Quando ativar EEny:**
- Tom acolhedor / educativo
- Pain point empático
- Celebração
- Convite (CTA pessoal)

**Quando NÃO usar EEny:**
- Tom institucional formal (release, comunicado)
- Tema técnico sóbrio (especificação, normativa)
- Pós-venda corporativo
- Mensagem séria (atraso, ajuste contratual)

---

#### Hook templates testados (5 categorias)

##### Tipo 1 — Pergunta direta (curiosidade)

Estrutura: pergunta sobre o status quo do destinatário, com tensão implícita.

- *"Quanto sua indústria paga por kWh hoje?"*
- *"Sua conta subiu mais que o IPCA esse ano?"*
- *"O telhado da sua fábrica está parado ou gerando?"*

##### Tipo 2 — Número específico (especificidade)

Estrutura: número quebrado + contexto restrito.

- *"R$ 4.547/mês de economia em fotovoltaico 50 kWp"*
- *"38% das indústrias têm fator de potência abaixo de 0,92"*
- *"105 dias da assinatura à energização"*

##### Tipo 3 — Pain point direto (relevância)

Estrutura: nomeia uma dor que o destinatário tem.

- *"Multa de fator de potência todo mês na conta"*
- *"Demanda contratada errada custa caro"*
- *"Gerador a diesel ligado 24h é prejuízo"*

##### Tipo 4 — Contradição (pattern interrupt)

Estrutura: afirmação que vai contra senso comum.

- *"Sistema solar de 100% não compensa em 2026"* (gancho Lei 14.300)
- *"Diagnóstico antes do orçamento, não depois"*
- *"Eficiência energética não é cortar consumo"*

##### Tipo 5 — Promise específica (benefício claro)

Estrutura: o que o destinatário ganha lendo.

- *"3 ajustes que reduzem conta industrial em 8-15%"*
- *"O que olhar nas próximas 3 faturas da Cemig"*
- *"Como evitar multa de FP em 1 visita técnica"*

---

#### O que evitar (anti-padrões)

Lista de "vermelhos" verificados em produção:

1. **Hook generic motivacional** — "Vamos juntos transformar o futuro!" → zero engagement
2. **Múltiplos hooks competindo** — dois títulos grandes na mesma peça → leitura zigue-zague
3. **Visual sem text overlay** — depende do legenda → 92% perdido
4. **EEny dominando logo** — proporção errada → quebra hierarquia de marca (issue conhecido SEED)
5. **Amarelo dominando** — paleta tem amarelo como 5-10% pontual, não 30%+
6. **Subtítulo <32px em 1080²** — ilegível em mobile pequeno (issue conhecido SEED)
7. **CTA vago** — "Saiba mais" / "Acesse o link" → CTA precisa especificidade
8. **Logo cortado em bounding box apertada** — margem de segurança 10% (issue conhecido SEED)
9. **3+ tamanhos tipográficos** — quebra ritmo, parece amador
10. **Cores aproximadas** — #10B5A5 não é #11B0A0 SEED, quebra reconhecimento

---

#### Checklist pré-entrega (12 itens)

Antes de Rafael apertar postar, peça passa por:

- [ ] Hook visual + text + copy alinhados (3-Hook Rule)
- [ ] Primeira linha carrega 80% da mensagem (front-load)
- [ ] Especificidade: pelo menos 1 número/dado/cidade concreto
- [ ] Visual hierarchy: máximo 3 elementos competindo
- [ ] Whitespace ≥ 25% da área
- [ ] Mute-first: texto carrega o conteúdo sozinho
- [ ] Tamanhos tipográficos respeitam mínimos (ver `formatos-post.md`)
- [ ] Proporção EEny:logo = 1:3 verificada visualmente
- [ ] Logo com margem 10% da bounding box
- [ ] CTA específico e concreto (não "saiba mais")
- [ ] Cores 100% paleta SEED (18 tokens — ver `paleta.md`)
- [ ] Grafia "SEED engenharia" correta em todos elementos visíveis

---