Ir ao conteúdo
SEED engenhariaDesign System

Boas práticas

2. Post único — boas práticas de design

seed-praticas.md v0.1 · §02seção 4 de 1702-post-unico-boas-praticas-de-design.md · MD5 28da0722

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

Esc