Sistema de marca
Construído ao redor da logo existente, sem alterar sua forma, proporção ou conceito. Esta primeira etapa cobre variações de cor da logo, a paleta cromática e o sistema tipográfico — para aprovação antes das aplicações finais.
Variações da logo
Mesma estrutura, mesma proporção — apenas recolorida para diferentes fundos. Cada versão está disponível para download em PNG com fundo transparente.
Margem de segurança mínima = altura da letra "N" da logo, medida a partir da borda externa em todos os lados. Nenhum elemento gráfico, texto ou borda de página deve invadir essa área.
Paleta de cores
Extraída diretamente da logo (turquesa e azul petróleo) e formalizada com uma cor de destaque para ação, além de neutras de apoio.
Cor de identidade principal. Ícones, links, detalhes gráficos, elemento "W" da logo. Uso moderado como destaque, não como fundo extenso.
Fundo de marca principal, texto sobre fundos claros, headers e superfícies escuras. Cor de maior peso visual do sistema.
Fundos de página, cards e áreas de respiro. Nunca usar como cor de texto.
Texto de alta ênfase sobre fundo claro, variação mais escura que a secundária para contraste extra em títulos.
Botões de ação, links de conversão, elementos que precisam de prioridade visual imediata. Usar com parcimônia — nunca como cor de fundo grande.
Sistema tipográfico
Sora para títulos: geométrica e de traço uniforme, ecoa o desenho circular do "W" e a diagonal reta do "N" da logo. Public Sans para texto corrido: alta legibilidade em telas pequenas, tom neutro e técnico.
Aplicações
Modelos de referência para os principais pontos de contato da marca.
nome@wnagencia.com.br
wnagencia.com.br · @wnagenciadigital
nome@wnagencia.com.br
wnagencia.com.br
@wnagenciadigital
wnagencia.com.br
[Mês / Ano]
02 — Estruturação de presença digital
03 — Automação com IA
04 — Gestão de tráfego
05 — Acompanhamento e otimização
Manual resumido de uso
Diretrizes rápidas para manter a consistência da marca em qualquer aplicação.
Não distorcer a proporção
Não rotacionar a logo
Não usar sobre fundos de baixo contraste
Não alterar as cores da marca
Traço fino uniforme, cantos levemente arredondados, sem preenchimento — na cor turquesa ou petróleo.
- Usar as variações de cor oficiais da logo
- Respeitar a área de respiro mínima
- Aplicar Sora em títulos e Public Sans em texto corrido
- Usar a cor de destaque (magenta) para botões e CTAs
- Distorcer, rotacionar ou recolorir a logo
- Usar a logo sobre fundos de baixo contraste ou texturizados
- Substituir Sora ou Public Sans por outras fontes
- Usar a cor de destaque como fundo extenso