Identidade Visual
Manual da
VESPARIUM™
Guia oficial de marca: como a VESPARIUM™ se apresenta ao mundo.
Versão 1.0 · 2026
Logo
O logotipo da VESPARIUM™ é uma vespa estilizada com asas animadas e o nome em Orbitron. Ao clicar, reproduz a vinheta sonora com destaque sequencial das sílabas VES · PA · RIUM.
Uso principal — fundo escuro
Uso em fundo claro
Área de proteção
Manter espaço mínimo equivalente à altura da letra "V" do logotipo em todos os lados.
Tamanhos mínimos
Não fazer
✕ Alterar as cores
✕ Rotacionar
✕ Distorcer proporções
✕ Usar com opacidade baixa
Cores
Paleta dark-first. A marca opera primariamente em fundo escuro. O âmbar é a cor assinatura: use-o com parcimônia para preservar impacto.
#1a1a1a --color-night-black Canvas principal, fundo base
#2a2a2a --color-hive-gray-mid Superfícies e seções alternadas
#333333 --color-hive-gray Cards e superfícies elevadas
#ffcc33 --color-wasp-amber Cor primária da marca, CTAs, destaques
#d4aa00 --color-stinger-gold Hover e estado pressionado do âmbar
#d1d1d1 --color-vespa-silver Texto principal e corpo
#7c3aed --color-quantum-violet Acento secundário, erros de sistema
#0ea5e9 --color-orbitron-blue Links, produtos e acento técnico
Contraste mínimo WCAG AA
Tipografia
Orbitron para displays, títulos e navegação — precisão técnica e modernidade. Roboto para corpo de texto — legível e neutro.
Display — Orbitron 400 / 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 !@#$%&
Body — Roboto 400 / 700
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 · «» — !
Espaçamento e Forma
Sistema baseado em múltiplos de 4px. Bordas arredondadas moderadas — precisão sem frieza.
Raios de borda
sm — 4px
Badges, tags
md — 8px
Botões, inputs, cards
lg — 16px
Painéis, modais
full — pill
Chips, avatares
Componentes
Elementos de UI recorrentes na interface VESPARIUM™.
Botões
Badges e Tags
Cards
Plano de Carreira
Framework para criar trilhas de crescimento claras e estruturadas em times de tecnologia.
racim.us
Ferramenta para criar e gerenciar matrizes RACI de projetos.
Navegação
Voz e Tom
A VESPARIUM™ fala com clareza técnica, convicção e sem pretensão. Sem jargão de consultoria tradicional.
Direta
Frases curtas. Uma ideia por vez. Sem rodeios.
Técnica sem elitismo
Usa termos corretos, explica quando necessário.
Comprometida
Fala do que faz, não do que promete.
Uso e Aplicações
Princípios para aplicação consistente da marca em qualquer suporte.
Digital
- Sempre dark-first. Não criar versão light sem aprovação.
- Fontes self-hosted via @fontsource (Orbitron + Roboto).
- Mínimo 3:1 de contraste para elementos decorativos; 4.5:1 para texto funcional.
Impressão
- Fundo escuro: Night Black (#1a1a1a) ou preto puro.
- Wasp Amber em Pantone: PMS 1225 C (aproximação).
- Logo com mínimo de 2cm em materiais impressos.
Redes sociais
- Avatar: logo em fundo Night Black, sem texto adicional.
- Cabeçalho: logo + tagline "em público." em âmbar.
- Templates de post com elementos hexagonais da marca.
Apresentações
- Slide mestre: Night Black, texto Silver, destaques Amber.
- Não usar fundos brancos ou claros.
- Gráficos: usar exclusivamente a paleta VESPARIUM™.
Digital e Mobile
Como a VESPARIUM™ aparece em interfaces digitais: ícones, avatares, social media e notificações.
48 · 32 · 16 px
Favicon
Apenas o ícone da vespa, sem texto. Fundo Night Black ou transparente. Exportar: ICO (16/32/48px), PNG 180px (Apple Touch Icon), PNG 192/512px (PWA manifest).
400 × 400 px mín.
Avatar / Perfil
Logo completo (vespa + nome) em fundo Night Black. Para contextos circulares (WhatsApp, Slack, Teams): garantir que a vespa não seja cortada — usar a proporção quadrada com 10% de margem interna.
Capa / Banner
Fundo hexagonal Night Black com logo centralizado e tagline. LinkedIn: 1584×396px. Twitter/X: 1500×500px. Facebook: 820×312px. Manter logo e texto longe das bordas (zona de segurança de 15%).
80px — mín. logo
24px — mín. ícone
Tamanhos mínimos em tela
Logo completo: mínimo 80px de largura. Ícone isolado da vespa: mínimo 24px. Abaixo desses limites, a legibilidade do nome e dos detalhes da vespa é comprometida.
dark / light
Dark e Light mode
A marca opera dark-first: fill Silver (#d1d1d1) sobre fundo escuro. Em interfaces com light mode (ex: e-mails, docs, PDFs claros), usar fill Night Black (#1a1a1a). Nunca usar fill Amber como cor principal do logo.
VESPARIUM™
Nova atualização disponível
192 × 192 · 512 × 512 px
Notificações e PWA
Ícone mascarável (maskable) para PWA: vespa centralizada com 15% de padding seguro em todos os lados. Exportar PNG 192×192 e 512×512 com fundo Night Black — nunca transparente para ícone de app instalado.