Horizontal
PrincipalA assinatura principal. Site, embalagem, papelaria, redes e tudo que tem espaço na largura.
Identidade visual
Logo
O símbolo junta os quatro elementos que o conceito da marca pede: a inicial m, a órbita, o ponto e o círculo que vem da Mix. A órbita envolve o m e se abre num só lugar, onde passa o ponto laranja: aquilo que é só meu, circulando o meu mundo.
O nome MUNDIÊ é desenhado em monolinha, com o mesmo traço redondo do m. O circunflexo do Ê é um chevron no mesmo traço. Cada letra foi construída no grid, com compensação óptica nas curvas e espaço ajustado par a par.
Pendente
Decisão dos sócios. As três explorações do brand book inicial eram imagens geradas, sem vetor. Este desenho fica com o que as três tinham em comum e resolve o que impedia o uso: degradês que não imprimem em uma cor, órbita que some em tamanho pequeno e letras sem construção. Aprovado o caminho, o logo segue para o registro de marca.
As peças
Seis peças para seis situações. A horizontal é a principal; as outras existem porque o espaço nem sempre é largo.
Horizontal curta
Sem o descritor. Para tamanhos pequenos, em que PERSONALIZADOS ficaria ilegível: cabeçalho no celular, rodapé, etiqueta.
Vertical
Para formatos quadrados ou altos: capa, fachada, sacola, tag, fundo de vídeo.
Símbolo
O símbolo sozinho: avatar, selo, adesivo, carimbo e quando o nome já está por perto.
Logotipo
O nome sozinho, para faixas estreitas em que o símbolo não cabe com qualidade.
Ícone reduzido
Desenho simplificado para 24 a 48 px: favicon, ícone de aplicativo, avatar pequeno. Traço 20% mais grosso, contraformas mais abertas e sem a órbita.
Construção e grid
Tudo sai de um módulo, u: a espessura do traço de MUNDIÊ. O grid tem célula de 1u e linha forte a cada 5u, que é a altura das letras.
- 10u
- Diâmetro externo da órbita. Duas vezes a altura das letras.
- 5u × 5u
- Caixa do m, um quadrado. A altura do m é igual à das letras de MUNDIÊ.
- 1u
- Traço do m e das letras. Arco de raio 1u, então a contraforma também mede 1u.
- 0,9u
- Espessura da órbita, um pouco mais fina que o m para ele mandar.
- 2,2u
- Diâmetro do ponto, a 45° acima da horizontal, com 0,45u de vão para cada ponta da órbita.
- 5u
- Altura das letras. A curva do U passa 0,06u da linha de base, para parecer do mesmo tamanho das retas.
- 1,15u · 1u
- Espaço entre letras: reta com reta, redondo com reta. É óptico, varia por par.
- 2,8u
- Altura do circunflexo acima das maiúsculas, com 0,75u de vão até o E. Ele entra na área de proteção.
- 1,3u
- Altura de PERSONALIZADOS, em Rubik Medium, a 1,5u da base do nome.
- 30,5u
- Largura do nome. O descritor é justificado nessa medida, nunca passa dela.
Na horizontal, o bloco de texto fica centrado na altura do símbolo, a 3u dele. Na vertical, o texto fica 3u abaixo do símbolo, os dois no mesmo eixo.
Área de proteção
Nada entra a menos de 5u do logo, em todas as peças: texto, borda da peça, dobra, outra marca ou elemento gráfico. Na prática, é a altura de uma letra de MUNDIÊ.
Tamanho mínimo
Com descritor, quem manda é PERSONALIZADOS: as maiúsculas dele precisam de 1 mm impressas e 6 px em tela. Sem descritor, quem manda é a contraforma do mm, que precisa de 0,3 mm e de 3 px.
Abaixo desses tamanhos, troque de peça: a horizontal vira horizontal curta, que vira símbolo, que vira ícone reduzido.
| Peça | Impresso (largura) | Tela (largura) |
|---|---|---|
| Horizontal | 34 mm | 204 px |
| Vertical | 24 mm | 144 px |
| Logotipo | 24 mm | 144 px |
| Horizontal curta | 14 mm | 140 px |
| Símbolo | 3 mm | 32 px |
| Ícone reduzido | 5 mm | 24 px |
Ícone reduzido
Abaixo de 48 px a órbita do símbolo fica com pouco mais de um pixel e o ponto quase encosta nela. O ícone reduzido resolve isso com outro desenho: o disco azul é o próprio mundo, o m é vazado com traço 1,2u e o ponto sai da borda, separado do disco por um vão.
Regra
Use o ícone reduzido de 24 a 48 px: favicon, avatar pequeno, selo de rodapé. Acima de 48 px, use o símbolo; o ícone de aplicativo é a exceção e usa o ícone reduzido em qualquer tamanho, porque a loja exige disco ou quadrado cheio. Em 16 px nenhuma versão do m se sustenta; o navegador usa o arquivo de 32 px reduzido.
Versões de cor
Cinco versões. Todas existem para todas as peças, em SVG e PNG.
Cor
A versão principal. Sobre branco, Nuvem e fundos claros sem textura.
Negativo
Sobre o Azul Mix e fundos escuros. O m e o nome ficam brancos; órbita e ponto mantêm a cor.
Azul
Uma cor só, para impressão em uma tinta, carimbo, gravação e bordado.
Tinta
Documentos, notas fiscais e impressão em preto.
Branco
Sobre fotografia, cores dos mundos e materiais como vidro, tecido e acrílico.
Sobre as cores da marca
Em fundo de cor o logo é sempre branco, e só sobre Azul Mix, magenta e Tinta. Laranja, amarelo e azul céu não recebem o logo: o contraste com o branco fica abaixo de 2,4:1.
Regra
Contraste medido: Azul Mix sobre branco 10,73:1. A órbita magenta sobre o azul fica em 2,38:1, o que basta para um elemento decorativo ao lado do m branco, mas não para ler: por isso ela nunca carrega informação sozinha.
Usos incorretos
Distorcer
Esticar ou achatar fora da proporção.
Girar
Inclinar a assinatura. Só a órbita gira, e só em animação.
Recolorir
Trocar as cores do símbolo por outras da paleta ou de fora dela.
Aplicar efeitos
Sombra, brilho, contorno, relevo ou degradê.
Baixo contraste
Versão em cor sobre fundo escuro ou colorido. Use o negativo ou o branco.
MundiêRedigitar o nome
Escrever MUNDIÊ com uma fonte. O logotipo é desenho, use sempre o arquivo.
Arquivos
Pacote do logo
Seis peças em cinco versões, em SVG e PNG, mais as pranchas de grid e os ícones de aplicativo de 32 a 512 px.
| Horizontal | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
| Horizontal curta | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
| Vertical | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
| Símbolo | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
| Logotipo | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
| Ícone reduzido | Cor: SVG PNG | Negativo: SVG PNG | Azul: SVG PNG | Tinta: SVG PNG | Branco: SVG PNG |
