Sistema visual mestre

Histórias ganham forma. O sistema dá consistência.

Uma base central para criar páginas, campanhas, apresentações, documentos, e-mails e materiais de aula sem reconstruir a identidade a cada novo projeto.

Petróleo estrutura Papel respira Magenta emociona Lima comprova
01 · Fundamentos

Uma identidade que pensa.

O sistema combina calor editorial com sinais de investigação. Ele existe para tornar visível a passagem do cotidiano ao significado — e do significado ao conteúdo.

HUMANA

Histórias antes de ferramentas.

Pessoas, cenas, gestos e tensão real vêm primeiro.

EDITORIAL

Repertório com ponto de vista.

Grandes títulos, respiro, assimetria e frase-tese.

PRECISA

Promessas concretas.

Processo, entregáveis, números e próximo passo.

CURIOSA

A descoberta fica visível.

Perguntas, rotas, cartões e conexões narrativas.

02 · Cor

Cada cor tem uma função.

A paleta não é distribuída igualmente. Petróleo e neutros criam a maior parte da composição; magenta carrega emoção e lima encerra com prova.

Petróleo 950#021F29 · estrutura
Papel#FFFDF8 · respiro
Magenta 500#D02BB5 · emoção
Lima 500#D9F65B · prova
75–88% · BASE8–18%2–6%
03 · Tipografia

Três vozes. Três trabalhos.

Fraunces cria humanidade, Manrope explica e converte, IBM Plex Mono organiza processo e contexto.

Fraunces · Display
O detalhe comum pode conter uma história inteira.
Manrope · Corpo
Clareza sem perder personalidade. O texto de apoio explica o que está acontecendo, reduz objeções e conduz a pessoa ao próximo passo.
IBM Plex Mono · Dados
01 · OBSERVAR    02 · GARIMPAR    03 · TRANSFORMAR
04 · Marca

Assinatura principal e chancela.

O workshop lidera aplicações de produto e evento. O Razões chancela origem, repertório e autoridade.

Logo do workshop para fundo escuro
Logo do workshop para fundo claro
Logo Razões para fundo escuro
Logo Razões para fundo claro
05 · Componentes

Peças consistentes, composição livre.

Componentes carregam função sem transformar todas as aplicações na mesma página. A direção de arte continua tendo espaço.

Workshop ao vivo R$29 O método em ação
01 · observar

Card funcional

Organiza conteúdo sem virar decoração vazia.

02 · encontrar

Cartão de descoberta

Representa um detalhe que foi encontrado.

2 → 4histórias em conteúdos

Dados precisam de interpretação e contexto.

“A tecnologia é nova. O repertório, não.”
Frase-tese · autoridade
06 · Fotografia

Gesto, presença e significado.

A fotografia deve provar humanidade ou processo. Imagens apenas atmosféricas precisam justificar sua presença.

Vicente Carvalho no palco
Objeto visual representando garimpo de histórias
Comparação visual antes e depois
07 · Aplicações

Uma base, vários contextos.

A identidade permanece reconhecível mesmo quando densidade, formato e objetivo mudam.

Landing page

Editorial, processo, prova, fotografia e conversão.

Criativos

Uma ideia, leitura rápida e área segura.

Apresentações

Uma tese por slide e uma evidência.

Documentos

Papel, títulos editoriais e metadados mono.

E-mail

Uma coluna, clareza e CTA explícito.

Materiais de aula

Etapas, exemplos e cartões de descoberta.

08 · Governança

Consistência sem engessamento.

Novas aplicações podem variar composição, mas devem preservar a função das cores, a hierarquia e a primazia da história.

Faça

  • Comece pela mensagem.
  • Use uma evidência concreta.
  • Preserve espaço negativo.
  • Use IA como ferramenta.
  • Valide contraste e área segura.

Evite

  • Robôs e futurismo neon.
  • Cards sem função.
  • Magenta em todo lugar.
  • Múltiplos focos competindo.
  • Métrica desatualizada no sistema-base.
Arquivos de trabalho

Tudo que precisa para começar.

Use os tokens como fonte da verdade e o starter como base técnica. Consulte os guias antes de criar uma nova categoria de aplicação.