Logotipo
Diretrizes de uso e arquivos do logotipo da Masi Aceleração, o programa de aceleração da Masi para empresas que querem crescer com método, mentoria e metas claras.
Color Usage
Uso de cor
O logotipo possui versões cromáticas para garantir contraste e legibilidade em qualquer fundo. A escolha deve sempre priorizar legibilidade.
Fundo azul-escuro
Versão branca. Padrão da Aceleração: contraste máximo nas camadas azuis do sistema.
Fundo branco
Versão Aceleração. Só em fundos claros, fora do design system: sobre o azul-escuro o #002BF5 fica com 2.40:1 e some.
Fundo Aceleração
Versão branca sobre a cor principal da marca.
Fundo Aceleração Dark
Versão branca sobre o escuro da marca. Legibilidade total em fundos muito escuros.
Paleta oficial de aplicação
Preto
#0D0D0D
Branco
#FFFFFF
Aceleração
#002BF5
Aceleração Dark
#001B99
Nunca aplique o logotipo em cores fora dessa paleta sem aprovação. A consistência cromática é parte essencial da identidade visual da Masi Aceleração.
Correct Usage
Usos corretos
Referências de aplicação que preservam a integridade, legibilidade e consistência visual da marca.
Proporção original
Logo aplicado com as proporções exatas do arquivo original.
Versão branca em fundo Aceleração
Contraste adequado com versão clara sobre a cor principal da marca.
Área de respiro preservada
Espaçamento mínimo mantido em todos os lados do logotipo.
Símbolo em avatar
Símbolo compacto com respiro interno, ideal para perfis e apps.
Clear Space
Área de proteção
O logotipo deve manter uma zona livre ao redor. Nenhum elemento externo — texto, borda, imagem ou ícone — deve invadir essa área mínima.
Logo principal
Logo PAM
Símbolo
Logo vertical
Regra de proteção
A área mínima de proteção ao redor do logotipo corresponde à altura do símbolo da marca. Em interfaces digitais, mantenha pelo menos 24px de afastamento em todos os lados. Em materiais impressos, escale proporcionalmente. Essa regra vale para todas as versões — principal, PAM, símbolo e vertical.
Minimum Size
Tamanho mínimo
Abaixo dos tamanhos recomendados, a legibilidade fica comprometida — o símbolo perde detalhes e o nome se torna ilegível.
Logo principal
Mínimo
120pxIdeal
160px+Logo PAM
Mínimo
64pxIdeal
96px+Símbolo
Mínimo
24pxIdeal
32px+Logo vertical
Mínimo
96pxIdeal
140px+Os tamanhos mínimos existem para proteger a leitura, evitar perda de detalhe e garantir que a marca permaneça reconhecível em todos os dispositivos e densidades de tela. Prefira sempre o símbolo isolado quando o espaço disponível for inferior ao mínimo do logo completo.
Logo Selection
Guia de escolha
Critério simples para selecionar a versão correta conforme o contexto de aplicação.
| Contexto | Versão | Motivo |
|---|---|---|
Header institucional | Logo principal | Maior clareza e reconhecimento de marca |
Avatar / Perfil | Símbolo | Melhor leitura em espaço reduzido |
Capa de apresentação | Logo vertical | Composição mais compacta na abertura |
Rodapé de documento | Logo PAM | Assinatura curta sem competir com o conteúdo |
App icon / Favicon | Símbolo | Reconhecimento compacto em alta redução |
Documento comercial | Logo principal | Presença institucional completa |
Thumbnail de conteúdo | Símbolo | Melhor leitura em baixa resolução |
E-mail marketing | Logo principal | Identificação clara no topo da comunicação |
Peça editorial / Capa | Logo vertical | Layout vertical favorece a composição |
Barra de navegação | Logo PAM | Sigla legível em pouca largura |
File Naming
Nomenclatura de arquivos
Padrão de nomeação para todos os assets do logotipo, garantindo consistência e rastreabilidade no repositório.
Padrão
aceleracao-[tipo]-[cor].[formato]Tipos
primarypamsymbolverticalCores
darklightbrandFormatos
svgpngExemplos
aceleracao-primary-dark.svgaceleracao-primary-light.svgaceleracao-primary-brand.svgaceleracao-pam-dark.svgaceleracao-pam-light.pngaceleracao-vertical-light.svgaceleracao-symbol-dark.svgaceleracao-symbol-brand.pngaceleracao-symbol-light.svgEstrutura do repositório
assets/logos/aceleracao/
├── primary/
│ ├── aceleracao-primary-[cor].svg
│ └── aceleracao-primary-[cor].png
├── pam/
│ ├── aceleracao-pam-[cor].svg
│ └── aceleracao-pam-[cor].png
├── symbol/
│ ├── aceleracao-symbol-[cor].svg
│ └── aceleracao-symbol-[cor].png
└── vertical/
├── aceleracao-vertical-[cor].svg
└── aceleracao-vertical-[cor].pngAccessibility
Legibilidade e contraste
Diretrizes para garantir que o logotipo permaneça legível e reconhecível em qualquer contexto de aplicação.
Contraste mínimo
O logotipo deve sempre ter contraste suficiente com o fundo. Nunca aplique versão escura sobre fundo escuro, nem versão clara sobre fundo claro sem ajuste de cor. No design system (só dark azul), use sempre a versão branca.
Tamanho preservado
Não use abaixo dos tamanhos mínimos estabelecidos. Em espaços muito pequenos, prefira o símbolo em vez do logo completo ou do logo PAM.
Hierarquia visual
O logotipo não deve competir com títulos, chamadas principais ou elementos de interface críticos. Preserve a hierarquia visual da página.
Área de respiro constante
Mantenha sempre o espaço mínimo de proteção ao redor. Nenhum elemento deve invadir essa zona, seja texto, borda, imagem ou ícone.
SVG em interfaces digitais
Use sempre SVG para web e interfaces digitais. Garante nitidez em qualquer resolução, incluindo telas Retina e 4K.
Fundos complexos e imagens
Ao aplicar sobre imagens ou fundos muito carregados, use overlay, container de cor ou área de proteção para preservar a legibilidade do logo.
Design System PAM - Criado por Chuv Studio