familygroup — Kit de Templates Sociais

Padrões de arte prontos pra você só trocar o texto. Tudo usa os tokens, a tipografia e o logo reais do design system. Os pares de cor ilegíveis (Lava×Azul, Off-white×Lava, Off-white×Azul) já estão proibidos — você não consegue criar arte fora da marca.

Como usar: clique em qualquer texto e edite direto. Depois clique em “Baixar PNG”. Para o exportador funcionar com os logos, sirva a pasta localmente (evita o navegador “sujar” o canvas):
no Terminal, dentro de docs/branding/, rode python3 -m http.server 8000 e abra http://localhost:8000/online/templates/. Se preferir não exportar, é só dar um screenshot do quadro (cada um já está em 1080px).

Tokens reais ✓ Contraste WCAG travado ✓ PP Mori → fallback Inter Feed/Carrossel = decisão de marca (sem lastro no acervo)

Stories / Reels 1080 × 1920 · 9:16

Formato nativo da marca (Avisos, Batismos, Frase do acervo são todos 9:16). O preview mostra a cor cheia ocupando os 1080×1920. As linhas tracejadas da safe area (onde a UI do Instagram cobre: topo 250px / base 320px) ficam ocultas por padrão — clique em “Mostrar/ocultar safe area” só pra conferir antes de exportar. Elas nunca entram no PNG.

Feed 1080 × 1080 · 1:1

⚠ Decisão de marca: o acervo não tem template de feed quadrado (specs-social.md §0). Estes foram recompostos do zero dentro do sistema (não é corte cego do vertical). Recomendo validar com a liderança se a marca adota feed quadrado ou segue vertical-first.

Carrossel 1080 × 1080 · 3 slides

⚠ Decisão de marca: também sem lastro no acervo. Família de 3 slides (capa → conteúdo → CTA) que você duplica pra montar quantos slides quiser. Exporte um por vez.

Templates do acervo 1080 × 1920 · 9:16

Os 3 templates originais (Avisos, Batismos, Frase) recriados como editáveis: clique no texto pra editar e clique na zona de foto 🖼️ pra trocar a imagem (a foto fica embutida e sai no PNG). Recriação fiel ao acervo.
⚠ Nota de contraste: mantive fiéis ao original o título “batismos” (Lava sobre azul) e a citação (Off-white sobre Lava) — ambos são pares que o DS marca como crítico p/ texto (contraste-wcag.md §2), tolerados aqui como display gráfico de grande porte. Posso te entregar a versão corrigida (texto Off-black) se preferir.