Kit de marca da pequena empresa: logo, símbolo, cores e fontes
As duas versões da logo, as cores com contraste para ler no celular e as fontes que bastam, para a marca sair igual no post, no site e no impresso.
· 4 min de leitura
A marca de uma pequena empresa aparece em mais lugares do que parece: foto de perfil, post, Stories, site, cardápio impresso, etiqueta, ícone do WhatsApp. Quando cada peça é feita do zero, a logo sai num tamanho, a cor sai noutra e a fonte muda. Um kit pequeno resolve: duas logos, duas ou três cores e duas fontes.
Logo e símbolo
A logo é a versão completa, com o nome; vai em cabeçalho de site, capa e rodapé de post. O símbolo é a versão que cabe num quadrado pequeno: a inicial, o ícone ou o selo. Foto de perfil, favicon e ícone de app pedem o símbolo, porque o nome inteiro vira um risco ilegível num círculo de 40 px.
- Guarde o original em vetor (SVG, PDF ou AI), se tiver. Vetor amplia sem perder nitidez; PNG pequeno não.
- Tenha uma versão com fundo transparente. É ela que entra por cima de foto e de cor.
- Teste a logo pequena. Se o nome some a 40 px de altura, use o símbolo nesse lugar.
No Branding, só a logo e o símbolo são arquivos mestres. Todos os outros tamanhos saem deles, recortados e centralizados por código. Esta é a lista que o app gera:
| Arquivo | Tamanho | Sai de |
|---|---|---|
| Logo principal | 1.024 × 1.024 px | Logo |
| Logo compacta | 512 × 512 px | Símbolo |
| Sidebar aberta | 600 × 200 px | Logo |
| Sidebar fechada | 256 × 256 px | Símbolo |
| Favicon | 256 × 256 px | Símbolo |
| Apple Touch Icon | 180 × 180 px | Símbolo |
| PWA · 192 | 192 × 192 px | Símbolo |
| PWA · 512 | 512 × 512 px | Símbolo |
| PWA · adaptável | 512 × 512 px | Símbolo |
| X · perfil | 400 × 400 px | Símbolo |
| X · capa | 1.500 × 500 px | Logo |
| Facebook · perfil | 1.080 × 1.080 px | Símbolo |
| Instagram · perfil | 1.080 × 1.080 px | Símbolo |
| Instagram · publicação | 1.080 × 1.080 px | Logo |
| Stories e status | 1.080 × 1.920 px | Logo |
| YouTube · perfil | 800 × 800 px | Símbolo |
| YouTube · capa | 2.560 × 1.440 px | Logo |
| WhatsApp · perfil | 640 × 640 px | Símbolo |
| LinkedIn · logo | 400 × 400 px | Símbolo |
| LinkedIn · capa | 1.512 × 256 px | Logo |
E se a única logo é uma foto ou um PNG borrado?
É o caso mais comum: a logo veio de um print, de uma foto da fachada ou de um arquivo de WhatsApp. Há dois caminhos no Branding, com custos bem diferentes:
- Vetorizar: redesenha a logo em formas vetoriais. Bom para logo de cores chapadas; troca degradê por faixas de cor, e a tela avisa antes.
- Tratar com IA: refaz a logo limpa em PNG transparente, mantendo degradês. Serve para foto de fachada ou arquivo muito borrado. Confira letra por letra antes de aplicar.
Créditos para uma logo de 1.000 × 1.000 px, em cada caminho
- Vetorizar logo já transparente1 crédito
- Vetorizar logo com fundo2 créditos
- Tratar com IA (foto ou logo borrada)28 créditos
Cores: contraste antes de beleza
Escolha uma cor principal, uma de destaque e um fundo. Antes de fechar, confira o contraste: texto que não se lê no celular com o brilho baixo não vende. As diretrizes de acessibilidade do W3C (WCAG) pedem pelo menos 4,5 : 1 para texto comum e 3 : 1 para texto grande (a partir de 24 px, ou cerca de 18,7 px em negrito).
Confira o contraste das suas cores
Os modelos de post do app fazem essa conta sozinhos: texto sobre a cor da marca sai em branco ou em preto, o que der mais contraste.
Fontes: duas bastam
- Uma para título, com personalidade: serifada para casa tradicional, geométrica para loja moderna, manuscrita só em palavra curta.
- Uma para texto, sem serifa e com letras abertas, que se lê pequena.
- Evite fonte fina em post e Stories. No celular, traço fino some sobre foto.
O kit de marca está pronto quando tem
0 de 7 feitos
Com o kit salvo no Branding, os modelos do editor, os posts do Cardápio e o site saem com a marca sem você escolher cor de novo.
