Gate visual · template v1 Instagram feed + Stories

Gráficos claros, sóbrios e prontos para a comunicação

A superfície desenhada é a imagem exportada — não uma tela de app. Os dados abaixo são deliberadamente genéricos; as peças fixam hierarquia, grid, tratamento de marca e limites do gerador.

CENA 01 · PADRÃO

Feed 4:5 · ranking em barras horizontais

1080 × 1350 Escala de visualização: 55%

Exemplo de comparação

Um território concentra o maior resultado do período

Valores ilustrativos para demonstrar ordem, proporção e destaque.

Território A

Território B

Território C

Território D

Território E

Território F

NEEDS ASSET · LOGO OFICIAL

LEITURA EM 3 SEGUNDOS

A manchete entrega o takeaway; o olho encontra uma única barra vermelha; rótulo e valor estão juntos, sem legenda ou eixo para decodificar.

REGRAS VISUAIS FIXAS

Ranking sempre ordenado pelo valor.
Barras partem da mesma linha de zero.
Vermelho segue o takeaway confirmado — no exemplo, ele coincide com o maior valor.
Fonte e ressalva viajam dentro da imagem.

NEEDS ASSET

Substituir o lockup tipográfico provisório pelo arquivo oficial aprovado do mandato, preservando esta área e contraste.

CENA 02 · SISTEMA

Quatro relações, um mesmo template

Grid, tipografia, rodapé e uso de cor permanecem. Só o corpo do gráfico muda conforme a relação entre os dados.

Comparação

Um grupo aparece à frente

Ranking com valores ilustrativos.

Grupo A

Grupo B

Grupo C

Grupo D

Barra · ranking

Categorias longas, leitura direta.

Poucos períodos

O resultado cresce no período

Quatro momentos ilustrativos.

Coluna · tempo curto

Poucos períodos, base comum em zero.

Série de tempo

A tendência se mantém ao longo do tempo

Até sete pontos, com rótulo no fim.

Linha · série temporal

Tendência contínua, ponto final destacado.

Número-âncora

Um número sustenta a mensagem

Sem gráfico quando há uma única medida.

unidades no período de exemplo

Número-âncora

Um valor grande + frase que explica.

CENA 03 · ADAPTAÇÃO

Stories 9:16 · conteúdo dentro da área segura

1080 × 1920 · escala 32,5%

250 px · evitar conteúdo essencial 250 px · evitar conteúdo essencial

Exemplo de comparação

Um território concentra o maior resultado

Valores ilustrativos para demonstrar hierarquia e proporção.

Território A

Território B

Território C

Território D

Território E

NEEDS ASSET · LOGO OFICIAL

TOPO · 250 PX

Faixa reservada para chrome do Instagram, avatar e contexto. Nenhuma manchete, valor ou fonte entra aqui.

BASE · 250 PX

Faixa reservada para resposta, CTA e controles. O rodapé da peça termina acima dela.

MESMO SISTEMA, MAIS RESPIRO

A adaptação não estica o feed. Ela recompõe a hierarquia vertical, reduz um ponto do ranking e mantém título, rótulos, fonte e marca integralmente legíveis na zona central.

CENAS 04–05 · FAIL-CLOSED

Quando o dado não permite uma peça correta

Estados visíveis de recusa: o template não preenche lacunas nem força um tipo de gráfico inadequado.

Preciso confirmar os dados antes de gerar

A tabela recebida não deixa claro o período nem o que o valor representa. Nenhum número será completado por suposição.

1.Qual é o período de referência?
2.Os valores são quantidade, percentual ou outra unidade?
3.Qual fonte deve aparecer no rodapé?

Dado faltando ou ambíguo

Pizza com muitas fatias dificulta a comparação

Este conjunto tem mais de cinco categorias. O formato solicitado é recusado para não esconder diferenças pequenas.

Sugestão: usar barras horizontais

As categorias ficam ordenadas, com rótulo direto e uma única ênfase. Se “parte de um todo” for essencial, reduza para até cinco grupos verificáveis.

Pizza com mais de 5 fatias

ANOTAÇÃO DE DESIGN · NÃO EXPORTAR

Guia de medidas e integridade

34área segura do grid do perfil · ~1012 px34

1012 × 1350

Título, plot, fonte e marca dentro desta largura segura.

Canvas

1080 px de largura. Feed 1080×1350; Stories 1080×1920.

Tipografia mínima

Headline ≥48 px; rótulos e valores ≥30 px no arquivo final.

Contraste

Texto ≥4.5:1; marcas de dado ≥3:1. Cor nunca é a única pista.

Escala honesta

Barras e colunas começam em zero. Sem 3D, perspectiva ou eixo truncado.

Densidade

Até 7 pontos por gráfico. Acima disso: resumir com orientação explícita.

Fundo e sinal

Off-white #faf9f7. Vermelho #c51414 ocupa no máximo ~10% da peça.