Pular para conteúdo
6amDesign
v0.7.0 · PilotoUsar com IA
6am/Design system/Composição e peças
Revisão da seçãoPrecisa de ajustes1 atendidos · 1 a ajustar · 1 a revisar

O que já existe, o que precisa melhorar e o que ainda merece uma avaliação. Cada estado se refere apenas ao critério abaixo; não é aprovação da seção inteira.

  • Atende ao critério
    As regras de composição explicam hierarquia e papel das imagens.

    O guia inclui regras de layout e orientações de ilustração e ícones.

    Ver material relacionado ↗
  • Precisa de ajustes
    Materiais comuns do negócio têm modelos reutilizáveis.

    Adicionar modelos editáveis de apresentação, proposta e documento usando as regras compartilhadas.

  • Aguardando revisão
    As pessoas entendem a mensagem e o próximo passo rapidamente.

    Revisar layouts representativos com texto realista no tamanho efetivo de leitura.

Ver todas as revisões · JSON ↗

Direção de imagem / Composição

Cada peça precisa conduzir uma conversa.

A identidade aparece na forma de organizar a mensagem, escolher uma imagem e mostrar o próximo passo. Comece pelo conteúdo e pelo formato.

Exemplo de hierarquia

Uma mensagem
que vem primeiro.

A explicação dá contexto e ajuda a pessoa a decidir.

Próximo passo

Diagrama de composição, sem fotografia. A ação acima é uma representação visual.

01

Uma mensagem principal

Comece pela decisão que a pessoa precisa tomar. Em uma peça de comunicação, trabalhe preferencialmente com três níveis: título, explicação e ação. Não transforme cada frase em um bloco independente.

02

Alinhamento antes de decoração

Defina formato, margens e grid antes de distribuir o conteúdo. Alinhe título, texto e CTA por uma referência comum. Use poucos blocos; cada um deve organizar uma informação.

03

Fotografia com espaço para respirar

Defina onde fica o assunto e onde entra o texto. Evite sobrepor letras a rostos ou áreas movimentadas. Se a leitura ficar difícil, leve o texto para uma superfície sólida.

04

Marca íntegra em qualquer suporte

Use o SVG oficial com contraste e espaço ao redor. Siga as regras piloto de área de proteção e tamanho em Marca e logos. Não gere o logo dentro da fotografia nem altere suas proporções.

05

Uma identidade principal por peça

Defina no briefing quem assina: cliente, 6am ou uma parceria. Em white-label, a marca do cliente conduz a peça; não acrescente a assinatura 6am por padrão. Lockups conjuntos exigem especificação própria.

06

Tela e impressão têm saídas diferentes

HEX/RGB são as referências digitais. CMYK, cor especial e reprodução do lime em papel precisam de prova e aprovação próprias; uma conversão automática não se torna uma cor oficial.

Ilustração explica.

Use ilustração para explicar uma ideia que a fotografia não resolve. Preserve a linguagem editorial plana já definida para o blog e suas paletas por categoria. Não transforme essas paletas em novas cores da interface.

Estilos e exemplos

Ícone orienta.

Ícones ajudam a reconhecer uma ação ou informação. Reutilize o conjunto existente, com traço e escala consistentes. Evite uma coleção de símbolos decorativos ao lado de cada frase.

Da regra para a peça.

Receitas de composição
16:9 + recorte mobile

Abertura de uma página

Uma promessa clara, uma cena que ajuda a entendê-la e uma ação principal. Planeje a área de texto antes de selecionar a foto.

1:1 ou 9:16

Peça social

Uma ideia por peça. Título curto, imagem com ponto focal legível em tela pequena e assinatura consistente. Confira as áreas ocupadas pela interface do canal.

Conforme o documento

Case ou apresentação

Separe contexto, trabalho realizado e evidências. Use fotos reais para resultados e identifique ilustrações. Reaproveite a mesma hierarquia entre páginas.

Estas receitas orientam a produção. Templates editáveis de peças sociais, apresentações e documentos ainda serão construídos.