Manual de identidade

A marca

O símbolo é um balão de conversa que também é o rosto de um gênio, apoiado sobre um quadrado roxo. O turbante com broche e nó no topo carrega o significado de gênio; os olhos e o bigode transformam o balão em rosto. O fundo sólido não é decoração: ele garante contorno próprio, e é o que permite a marca sobreviver a 20 pixels sem sumir contra fundo claro ou escuro.

Símbolo principal. O quadrado roxo faz parte da marca e não deve ser removido.

Versões

Quatro versões cobrem todos os casos. Escolha pela restrição do meio, não pelo gosto: se o suporte aceita cores, use a principal.

Principal — site, aplicativo, apresentações, material em cores.

Monoline — carimbo, bordado, marca d'água, traço em uma cor.

Favicon — 16 a 24 px. Perde o bigode de propósito.

Versão reduzida é outro desenho

O favicon não é o símbolo encolhido: ele tem o bigode removido, os olhos aumentados e o broche ampliado. Abaixo de 24 px o bigode vira uma mancha e atrapalha a leitura dos olhos. Use sempre o arquivo próprio, nunca redimensione o principal para esse tamanho.

Assinatura horizontal

O símbolo à esquerda e o nome à direita, com o espaço entre eles igual a 40% da largura do quadrado. O nome é sempre escrito em minúsculas, junto: geniozap.

geniozap

Área de proteção e tamanho mínimo

Reserve em volta do símbolo uma margem livre equivalente a um quarto da largura do quadrado. Nada entra nessa faixa: nem texto, nem foto, nem borda de caixa.

O símbolo principal lê bem até 24 px. Entre 16 e 24 px use o favicon. Em impressão, o mínimo é 8 mm para o símbolo e 32 mm de largura para a assinatura horizontal.

O raio do canto é sempre 24% da largura. Ao exportar em outros tamanhos, mantenha essa proporção em vez de fixar o raio em pixels.

Usos incorretos

Cores

Roxo é a cor da marca e deve dominar. O âmbar aparece no turbante e em avisos. O verde tem uma função única: indicar que o WhatsApp está conectado — nunca use verde como cor decorativa, porque ele perde o significado.

Sobre o âmbar, escreva sempre com #442100. Sobre o roxo e o roxo profundo, escreva com branco. Todos os pares indicados aqui passam em contraste AA para texto de corpo.

Tipografia

Duas famílias, com papéis que não se misturam. Ambas são gratuitas e estão no Google Fonts.

Títulos em peso 700, com espaçamento entre letras de −0.02em. Texto corrido em peso 400 e entrelinha 1.65. Botões e rótulos em peso 600. Não use caixa alta em rótulos e não use uma terceira família — se precisar de mais hierarquia, mexa no tamanho ou no peso.

Tom de voz

O GenioZap fala com o profissional autônomo, não com um departamento. Direto, educado, sem enfeite e sem pressa artificial. Não promete mágica, mesmo tendo um gênio no logo.

Quatro regras fixas: frases curtas, verbos no presente, o nome da ação igual do começo ao fim — o botão que diz "Conectar WhatsApp" produz o aviso "WhatsApp conectado" — e nunca chamar o produto de "bot" em texto voltado ao cliente. Ele é o atendente. Falamos com uma pessoa só: use "você", nunca "sua equipe".

Arquivos

Todos os vetores ficam em landingpage/img. As versões monoline e monocromática usam currentColor, então herdam a cor do elemento pai quando incorporadas direto no HTML.

A assinatura horizontal não tem SVG próprio de propósito: ela é montada com o símbolo mais texto real na Bricolage Grotesque, para continuar selecionável e acessível. Para materiais impressos, converta o texto em curvas na exportação final.