Guia da marca vaide.app
Manual de identidade visual
Quem é referência precisa ser reconhecido. Entenda as relações entre os elementos gráficos, cores, logotipia, tipografia e demais ativos que compõem o sistema da marca vaide.app.
01
Arquitetura de marcas
A arquitetura de marcas organiza e conecta a marca principal a submarcas, produtos ou serviços. Ela define vínculos, níveis de independência e hierarquia, trazendo clareza para o público e fortalecendo a gestão do portfólio.
Sobre o nome vaide.app
Nosso nome traduz movimento, ação e tecnologia. A grafia deve ser sempre vaide.app, em caixa baixa, com o domínio .app integrado ao nome da marca.
- Origem
- Português brasileiro
- Grafia
- vaide.app
- Pronúncia
- vai-dê-ép, com ênfase na primeira sílaba
- Conceito
- convite ao movimento, tecnologia e soluções de software e operações
Arquitetura de marcas vaide.app
A estratégia considera contexto, oportunidades, riscos e stakeholders de cada negócio, produto e serviço. Por isso, é pensada sob uma estrutura monolítica, com uma marca-mãe forte que se desdobra em soluções e serviços especializados.
Objetivos
- Organizar ofertas e iniciativas.
- Diferenciar e tornar claras as propostas de valor.
- Maximizar trocas de valor entre serviços.
- Preparar a organização para o futuro.
Diretrizes para logos
Ter uma submarca, produto, iniciativa, ação ou evento não pressupõe ter um logo próprio. Sua criação excessiva ou desalinhada pode gerar ruído de comunicação, enfraquecer a identidade corporativa e fragmentar a cultura.
Marca-mãe vaide.app
Unidades de negócio estratégicas
Marcas adquiridas
Novas marcas e logos não estão autorizados a serem criados sem aprovação prévia do time de marca.
02
Logo
O logo vaide.app é a assinatura oficial e mais sintética da marca. Sua forma simples, geométrica e arredondada evoca o aspecto tecnológico, dinâmico e amigável dos nossos produtos e serviços.
Versão horizontal — aplicação principal
O logo vaide.app deve ser sempre utilizado conforme as diretrizes descritas neste guia. Use os arquivos oficiais da marca e não tente reconstruir o logo a partir de seu desenho ou elementos.
Versões do logo
Ícone sem box
Versão minimalista do símbolo, indicada para aplicações gráficas ou decorativas validadas pelo time de marca.
Área de proteção
A área de proteção é o espaço mínimo ao redor da marca que garante sua integridade visual e sua reprodução sem ruídos de reconhecimento. Para vaide.app, o símbolo da marca funciona como módulo básico de respiro.
Regra geral: considere o tamanho do símbolo, o V dentro do box, como unidade mínima de respiro em todas as direções.
Redução máxima
| Versão | Digital mínimo | Impresso mínimo |
|---|---|---|
| Logo horizontal | 32 px de altura | 12 mm de altura |
| Logo vertical | 48 px de altura | 16 mm de altura |
| Ícone com box | 16 px de altura | 8 mm de altura |
| Ícone sem box | 20 px de altura | 10 mm de altura |
Versões cromáticas e fundos
O logo pode ser reproduzido sobre fundos de diferentes cores, desde que observado o contraste de leitura. Damos preferência à aplicação sobre roxo, preto e cinza claro. Em fotografias, busque áreas de baixa complexidade visual.
Aplicações incorretas
A consistência na aplicação do logo é fundamental para gerar identificação, reconhecimento e força de marca.
- Não distorça o logo, esticando ou comprimindo sua forma.
- Não aplique contorno, sombra, brilho ou efeitos não autorizados.
- Não rotacione o logo nem aplique cores fora da paleta oficial.
- Não utilize o logo com máscara, transparência ou adereços.
- Não crie novas variações, derivações ou mascotes a partir do símbolo.
- Não utilize o logo ou o símbolo em meio a texto corrido.
03
Cores
A cor é o primeiro elemento percebido em uma comunicação. Ela cria reconhecimento, desenvolve o tom da mensagem, contribui com hierarquia visual e diferencia a marca.
Paleta primária
Roxo vaide.app
- HEX
- #594F97
- RGB
- R:89 G:79 B:151
- CMYK
- C:76 M:76 Y:0 K:0
- PANTONE
- PANTONE 8163 C
Preto
- HEX
- #000000
- RGB
- R:0 G:0 B:0
- CMYK
- C:100 M:100 Y:100 K:100
- PANTONE
- PANTONE BLACK 6 C
Cinza claro
- HEX
- #F6F6F6
- RGB
- R:246 G:246 B:246
- CMYK
- C:0 M:0 Y:0 K:5
- PANTONE
- 30% PANTONE COOL GRAY 1 C
Contraste e combinações
A combinação de cores para texto, elementos gráficos e fundos é fundamental para acessibilidade e leitura das mensagens.
| Combinação | Recomendação | Uso |
|---|---|---|
| Roxo + Branco | Use livremente | Aplicação principal - alto contraste |
| Preto + Branco | Use livremente | Máxima legibilidade e versatilidade |
| Roxo + Preto | Use com cuidado | Apenas em elementos gráficos pontuais |
| Cinza claro + Branco | Não use | Contraste insuficiente |
Gradientes
Os gradientes são formados a partir da transição entre cores da paleta. Podem ser usados como fundos de cor, mas não devem ser aplicados a texto, grafismos ou ícones.
Roxo + Preto
Percepção mais sóbria, premium e tecnológica.
Roxo + Cinza claro
Transições suaves para apresentações e materiais corporativos.
04
Tipografia
O desenho das letras cumpre uma demanda funcional e determina o universo visual da marca. A tipografia oficial da vaide.app é a Inter.
Institucional — Inter
Inter foi escolhida por sua excelente legibilidade em telas, ampla disponibilidade open-source, neutralidade contemporânea e desenho técnico alinhado ao universo digital da marca.
Use Inter para tudo: títulos, chamadas, subtítulos, intertítulos, retrancas, textos corridos e legendas. Não combine nem adicione outras fontes à identidade visual.
Pesos disponíveis
Inter Thin
Aa Bb 123
Inter ExtraLight
Aa Bb 123
Inter Light
Aa Bb 123
Inter Regular
Aa Bb 123
Inter Medium
Aa Bb 123
Inter SemiBold
Aa Bb 123
Inter Bold
Aa Bb 123
Inter ExtraBold
Aa Bb 123
Inter Black
Aa Bb 123
Hierarquia tipográfica
| Função | Peso | Tamanho |
|---|---|---|
| Display / Hero | Inter Black / ExtraBold | 64-120 pt |
| Título principal (H1) | Inter Bold | 32-48 pt |
| Subtítulo (H2/H3) | Inter SemiBold | 20-28 pt |
| Texto corrido | Inter Regular | 14-18 pt |
| Legenda / nota | Inter Medium / Light | 10-12 pt |
Tipografia de sistema
Em contextos de limitação técnica, como newsletters, e-mails ou slides compartilhados, a fonte substituta é Arial, disponível nativamente na maioria dos sistemas operacionais.
Boas práticas
- Mantenha o line-height entre 1.4 e 1.6 para textos corridos.
- Em títulos, prefira line-height entre 1.1 e 1.2.
- Evite texto centralizado em parágrafos longos.
- Não use mais de três pesos diferentes em uma mesma peça.
- Mantenha contraste mínimo de 4.5:1 entre texto e fundo.
- Não estique, comprima ou aplique itálico falso na tipografia.
05
Grafismos
Dinâmicos e proprietários, os grafismos enriquecem a mensagem e apresentam um universo expressivo para a comunicação da marca.
O símbolo como base dos grafismos
O grafismo da vaide.app é construído a partir da forma básica do nosso símbolo: o V estilizado com check e ponto, dentro de um quadrado de cantos arredondados. Ele representa nossa capacidade de ir adiante, validar processos e entregar soluções de forma assertiva e tecnológica.
Forma e construção
- O símbolo V é construído com traços de mesma espessura, sempre proporcionais ao box.
- O ponto característico tem tamanho proporcional à espessura dos traços.
- Os cantos do box são arredondados com raio proporcional.
- As proporções devem ser mantidas em qualquer aplicação.
Cores nos grafismos
Os grafismos podem ser aplicados sobre todas as cores da paleta, inclusive em soluções tom sobre tom. A reprodução deve usar apenas roxo, preto, branco ou cinza claro.
Aplicações incorretas de grafismos
- Não distorça as proporções do símbolo.
- Não altere as cores definidas para os grafismos.
- Não rotacione ou espelhe o grafismo de forma aleatória.
- Não utilize hexágonos regulares ou padrões de colmeia.
- Não use os grafismos como mascotes ou personagens.
- Não aplique efeitos 3D excessivos ou texturas realistas.
06
Iconografia
A iconografia torna as mensagens de marca simples e ágeis, usando desenhos proprietários que reforçam o estilo do nosso universo visual.
Os ícones e pictogramas simplificam ideias, conceitos e mensagens. Em peças de comunicação, ajudam a criar personalidade e tornam a leitura mais rápida.
- Linhas com cantos arredondados, em harmonia com o símbolo da marca.
- Formas geométricas simplificadas, sem detalhes excessivos.
- Estilo outline como padrão principal.
- Grid de construção 24x24 px para web e digital.
- Espessura de linha de 2 px e margens internas mínimas de 2 px.
- Pontas e junções com acabamentos arredondados.
Para manter consistência, ícones em uma cor devem usar roxo #594F97, preto #000000 ou branco #FFFFFF. Em duas cores, mantenha uma cor primária e apenas um detalhe de destaque.
07
Fotografia
As imagens ilustram nossas mensagens, aproximam a linguagem do público e contribuem para construir um universo visual único e reconhecível.
Apresentação
A fotografia da vaide.app é moderna, técnica e humana. Ela mostra tecnologia conectando pessoas, processos e empresas com clareza e profissionalismo.
Conceituação
- Tecnologia e inovação: ambientes corporativos modernos, telas, dispositivos e fluxos digitais.
- Confiança e profissionalismo: pessoas em conversas técnicas e colaborativas.
- Clareza e foco: composições limpas, poucos elementos e profundidade de campo controlada.
- Diversidade e conexão: representação plural de gêneros, etnias, idades e contextos profissionais.
Luz ampla, neutra e natural
Buscamos iluminação difusa, de aspecto solar e tons neutros, evitando sombras muito marcadas.
Cores vivas, mas controladas
As cores devem dar profundidade à cena sem chegar a extremos muito saturados ou acinzentados.
Diversidade e conexão
A escolha de modelos deve representar a multiculturalidade brasileira e latino-americana.
Postura natural, positiva e confiante
As pessoas devem parecer naturais, focadas, colaborativas ou em momentos de descoberta.
Fotos de bancos de imagens devem ter licença e direitos validados antes da reprodução. Fica vedada a reprodução de imagens sem autorização do detentor dos direitos.
08
Composição
Nossa comunicação é rica em elementos e possibilidades, mas os resultados devem ser simples e acessíveis em todos os pontos de contato.
Formas de aplicar
- Com organização, grafismos, texto e fotografia podem interagir no layout.
- Selecione áreas de destaque com menor disputa visual para posicionar o logo.
- Diferentes fotografias da mesma cena, em ângulos distintos, criam continuidade e dinamismo.
Modo de uso
- As cores podem destacar trechos de títulos e chamadas, sempre de forma pontual.
- O símbolo pode aparecer em diferentes escalas e cores como elemento de composição.
- Com parcimônia, o logo pode assumir aplicação hero em grandes proporções.
Composição com foto
- O grafismo pode servir de anteparo para texto e logo em áreas de bom contraste.
- Também pode atuar como moldura para destacar partes específicas da imagem.
Editoriais e corporativos
- Priorize tipografia, margens amplas e ritmo visual equilibrado em livretos, e-books e apresentações.
- Em sacolas, camisetas e brindes, prefira aplicações simples e legíveis do logo.
- Mantenha hierarquia consistente entre títulos, corpo de texto e elementos gráficos.
09
Dúvidas e contato
Em caso de dúvidas sobre a aplicação da identidade visual, casos não citados neste manual ou solicitações de novos materiais e validações, entre em contato com o time de marca pelo e-mail:
marca@vaide.app