Logo

Existem dois conjuntos de arquivo e eles não se trocam. O site usa o logo sem mascote. Redes sociais e material de marca usam o logo com o Zapinho.

No site

logo-zappost-preta.webp em fundo claro, logo-zappost-branca.webp em fundo escuro. Altura de 38px no cabeçalho e 32px no rodapé.

Nas redes e no material de marca

logo-horizontal.png e logo-quadrada.png. Trazem o Zapinho e servem para post, story, apresentação e anúncio.

Cores

O site tem tema claro e tema escuro, e segue o que o sistema da pessoa manda. Toda regra de cor considera as duas versões. Clique em uma cor para copiar o código.

Azul primário

São dois azuis porque cada um foi calibrado para o fundo dele. O #3B7BF0 sobre branco cai para 2,7 de contraste e some.

Tema escuro

Tema claro

Tipografia

Nas peças novas (post, carrossel, story, material de marca) a fonte é a Manrope: 700 nos títulos, 400 no texto. Para anotação com jeito de escrita à mão, Caveat 700.

Destaque em títulos

Quando um trecho do título ganha o azul, só as palavras ganham. Ponto final, interrogação e vírgula ficam na cor do texto ao redor, e no código ficam fora do <em>.

Seu post de amanhã já está <em>pronto</em>.

Seu post de amanhã já está <em>pronto.</em>

Tom

Falamos como um amigo que resolve o problema, não como uma startup vendendo IA.

A pessoa do outro lado abre o Instagram no intervalo do almoço, vê que não postou nada essa semana e fecha o app com culpa. É com ela que a gente fala. Falamos do que ela ganha (o post pronto, o tempo de volta) e quase nunca da tecnologia por trás.

O que usamos

• Você, sempre. Segunda pessoa em tudo.
• Linguagem concreta. "Notificação no celular e já baixa pronto", "sem passar horas no Canva".
• A dor antes da venda. "Cansou de abrir o Canva e fechar sem postar nada?"
• Forma completa no texto do site e do blog: para, para o, em um, em uma, está. Contração só onde é fala de verdade: roteiro de Reels, depoimento transcrito.

O que evitamos

• Jargão de marketing e de tecnologia: "solução inovadora", "revolucionar", "disruptivo".
• Hype de IA e promessa vaga. Falamos do resultado prático.
• Formalidade corporativa: "prezado cliente", "venha conhecer nossa plataforma".
• Resultado garantido. O resultado varia por nicho e por constância, e a gente diz isso.
• Travessão em qualquer texto público. Vira ponto, vírgula ou frase separada.
• "pra", "pro", "tá", "num" em texto escrito do site e do blog. Em excesso, o site fica com cara de conversa de WhatsApp.
• Contar quantas páginas o site tem dentro do texto. O número muda e ninguém volta para corrigir.

Marcas de IA

Nada disto sai daqui, e não é gosto da ZapPost: vale para todo texto publicado, o nosso e o de qualquer cliente.

Como o Zapinho fala

Dentro do app e nas redes, o mascote tem voz própria: otimista, brincalhão, comemora vitória pequena e nunca é malicioso.

Contração ("tamo", "tá") aqui pode, porque é fala do personagem, não texto do site.

Quem é

• Otimista demais. Vê oportunidade em tudo, tipo aquele colega que está sempre motivado.
• Descontraído. Fala como amigo, não como marca.
• Interessado de verdade. Quer saber como vai o negócio do cliente, e não está só vendendo.
• Comemora vitória pequena. Cada seguidor novo e cada venda é motivo de festa.
• Sem filtro positivo. Brinca, faz piada, às vezes é irônico, nunca é malicioso.

As seis versões

Todas têm a mesma base: corpo azul, contorno escuro, o balão e o raio. O que muda é o acessório e a expressão, conforme o contexto.

FestaRecurso novo no app, cliente que bateu meta, aniversário da ZapPost.

AdmiraçãoPost que viralizou, marco alcançado, feedback positivo.

DinheiroFaturamento do cliente, anúncio de plano, case de venda.

AmorDepoimento, paixão pelo negócio, "cliente em primeiro lugar".

DescontraídoLifestyle, dica de estilo, conteúdo mais leve.

CowboyAgro, campo, nicho rural.

Onde entra

• Notificação dentro do app, comemorando o que a pessoa fez.
• Anúncio e e-mail. Marketing fora do site.
• Post, story e Reels, sempre em uma das versões acima.
• Onboarding: boas-vindas, guia, tutorial.
• Mensagem de erro e de sucesso, para humanizar.

Onde não entra

• Não esticar, não distorcer, não tirar parte (o balão e o raio fazem parte dele).
• Não mudar a cor do corpo. Ajuste de contraste é a única exceção.
• Não usar em contexto negativo ou agressivo.
• Não colocar sobre fundo que atrapalhe a leitura do rosto.

Medidas e cor

• 128px de altura, no mínimo, em interface. 256px em material de marketing.
• 8px de respiro de todos os lados, no mínimo.
• Corpo no azul da marca: #3B7BF0 em fundo escuro, #1E5FE3 em fundo claro. Contorno #1a2e5c.
• Acessório pode ter outra cor (chapéu verde, cifrão dourado). O Zapinho em si é sempre azul.

Ainda não existem: versão em SVG, animação em Lottie e ajuste para tema escuro (o óculos some no fundo escuro).

Os dois slides

O slide alternado inverte o tema em vez de escurecer um pouco mais. Primeiro o alternado era o #1e2330 dos cards do site (4% de diferença, sumia no celular), depois #262c3d (1,29 de contraste, ainda sutil). Nas duas tentativas o erro era o mesmo: trocar só o fundo e manter a tinta clara. Agora o slide claro traz o par inteiro, fundo e tinta, e o contraste de um slide para o outro é de 16,4.

Raio de canto de 12px. Manrope 700 no título, 400 no texto. Caveat 700 para anotação à mão.

As cores do kit

Alternado e inverso

São duas coisas diferentes.

• fundo-alt é o segundo tom do mesmo tema, vizinho do fundo. O diálogo usa nos dois lados do chat; o explicador, a foto anotada, a história com data, o antes-e-depois, o card de oferta e o criativo moderno usam para alternar.
• fundo-inverso é o tema oposto, com fundo e tinta trocados juntos.

Quando o inverso ocupou o nome fundo-alt, o diálogo saiu com balão branco de texto branco e um slide inteiro branco com a assinatura invisível. Ninguém tinha mexido no diálogo.

Sobre foto

O cinza de apoio normal (#8a8f9e) foi calibrado contra o fundo chapado. Com imagem por baixo ele cai para 2,51 nas partes claras e some. Em slide com foto, o texto de apoio usa tinta-suave-foto (#c3c8d4), que segura 4,83 no pior pedaço.

Site e social

O produto

Onde o cliente vive: studio.zappost.ai, no tema escuro. Print para referência de tom e de cor.