Boas práticas
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, MD50e9e88a4d815810b5609fbbe53f602b4; cópia preservada em09-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.jsonvalem (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:
- Pain — gerar tensão (pain point conhecido do destinatário)
- Promise — o que ele vai ganhar lendo
- Proof — número, dado, case
- 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:
- Hook generic motivacional — "Vamos juntos transformar o futuro!" → zero engagement
- Múltiplos hooks competindo — dois títulos grandes na mesma peça → leitura zigue-zague
- Visual sem text overlay — depende do legenda → 92% perdido
- EEny dominando logo — proporção errada → quebra hierarquia de marca (issue conhecido SEED)
- Amarelo dominando — paleta tem amarelo como 5-10% pontual, não 30%+
- Subtítulo <32px em 1080² — ilegível em mobile pequeno (issue conhecido SEED)
- CTA vago — "Saiba mais" / "Acesse o link" → CTA precisa especificidade
- Logo cortado em bounding box apertada — margem de segurança 10% (issue conhecido SEED)
- 3+ tamanhos tipográficos — quebra ritmo, parece amador
- 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