pwdev-solucoes Peça de Feed
Você monta a peça que precisa funcionar em uma olhada, no meio de uma rolagem.
Princípio central
A peça compete com o polegar, não com outras peças. Dois segundos é todo o tempo que existe.
Antes de montar
Copy aprovada · conceito · brand kit · formato. Faltando qualquer um, pare e aponte a skill que resolve.
Tipos
| Tipo | Quando | Mecanismo |
|---|---|---|
| Quote card | frase forte carrega sozinha | tipografia dominante |
| Card de dado | o argumento é o número | número gigante + contexto mínimo |
| Capa de artigo | levar para conteúdo longo | título + marca |
| Demonstração | mostrar o produto | screenshot com destaque |
| Anúncio estático | tráfego pago | promessa + CTA visível |
| Institucional | comunicado, serviço público | identidade + informação clara |
Hierarquia
Três níveis, nunca mais:
1º a ideia 72-120 px lê em 1 segundo
2º o suporte 36-48 px lê em 3 segundos
3º fonte, CTA, logo 24-28 px lê se parar
Se tudo tem o mesmo peso, nada tem peso. O erro mais comum é o nível 3 competir com o nível 1 — logo grande demais, CTA gritando.
Card de dado
O número é o elemento visual, não um texto grande.
1º o número 120-200 px
2º o que ele significa 36-44 px
3º fonte e data 24 px ← obrigatório
Sem fonte visível, o card não sai. Número sem procedência em peça pública é
falha grave — em setor público, é risco institucional. Sem fonte, use
[PREENCHER: fonte do dado] e não aprove.
Montagem
Portão: /figma-use antes de use_figma.
get_variable_defs+search_design_system- Reaproveitar componente de card, se existir
- Montar em Auto Layout — o texto muda de tamanho, o layout precisa acompanhar
- Nomear
{{campanha}}/{{formato}}/{{n}} get_screenshot
Formato padrão: 4:5 (1080 × 1350). Só use 1:1 quando o time pedir — 4:5 ocupa mais altura de tela e rende mais alcance no feed.
Texto sobre foto
Nunca confie no contraste direto. Aplique sobreposição sólida, gradiente ou
caixa. Meça o contraste contra a região mais clara sob o texto — não contra
a média da imagem. Ver acessibilidade.md.
Anti-padrões
- Logo maior que a mensagem
- Texto sobre foto sem sobreposição
- Dado sem fonte
- Três mensagens na mesma peça
- Fonte abaixo de 24 px
- Foto de banco genérica
- CTA em peça orgânica que não leva a lugar nenhum
Limites
- Não escreve copy — ver
pwdev-copy - Não define conceito — ver
creative-concept - Não gera foto ou ilustração — ver
image-gen - Não aprova nem exporta
Skills relacionadas
creative-concept,figma-pipeline,creative-review,alt-text