Guia de uso do logo
o logo é o rosto da sua marca dentro do AVA — saber onde aparece, quais variações usar e em que tamanho evita marca distorcida, espaços vazios e plataforma com cara amadora.
Onde o logo aparece
A evob usa 4 logos diferentes em pontos distintos:
| Onde | Tipo de logo | Tamanho recomendado | |---|---|---| | Header do AVA (aluno) | Horizontal colorido | 240×60 px | | Tela de login | Horizontal colorido (versão grande) | 480×120 px | | Admin (sua tela) | Horizontal colorido (claro ou escuro) | 200×50 px | | Favicon (aba do browser) | Quadrado / símbolo | 64×64 px |
📖 Saiba mais: Configurar logos
Variações que você precisa ter
1. Logo principal (horizontal colorido)
Versão padrão. Aparece em quase tudo.
2. Logo monocromático (preto e branco)
Para fundos coloridos onde o colorido fica ilegível.
3. Logo símbolo (sem texto)
Para favicon, app mobile, ícone redondo.
4. Logo invertido (claro)
Para fundos escuros (modo escuro do AVA).
💡 Sem todas as 4 variações? A evob aplica fallbacks, mas converte menos. Crie todas no início.
Especificações técnicas
Formatos aceitos
| Formato | Quando usar | |---|---| | PNG | Padrão, fundo transparente | | SVG | Vetorial, escala perfeita | | JPG | Não recomendado (sem transparência) |
Tamanhos máximos
- 2 MB por arquivo
- Resolução mínima: 2x do tamanho final (retina)
Cores
- RGB (não CMYK — CMYK é para impressão)
- Use as cores oficiais da paleta (definidas em Plataforma > Cores)
📖 Saiba mais: Paleta de cores
Onde subir
Plataforma > Configurações > Marca > LogosPara cada slot (Header, Login, Admin, Favicon), faça upload do arquivo correspondente.
Tamanho ideal por slot
Header AVA (240×60 px)
Versão horizontal compacta. Símbolo + nome curto.
Login (480×120 px)
Versão maior e mais elaborada. Pode ter tagline ou variação especial.
Admin (200×50 px)
Versão horizontal compacta, modo claro e escuro.
Favicon (64×64 px ou múltiplos)
Apenas símbolo. Formato `.ico` ou `.png` quadrado.
💡 Favicon é o que aparece na aba do browser e nos favoritos. Sem ele, fica o ícone padrão da evob — passa amador.
Boas práticas de uso
✅ Faça
- Espaçamento livre ao redor (mínimo 25% da altura do logo)
- Mesmo logo em todos os pontos da plataforma (consistência)
- Versão SVG sempre que possível (qualidade em qualquer tela)
- Teste em mobile (logo grande pode ficar minúsculo)
- Modo escuro do AVA — preveja logo invertido
❌ Não faça
- ❌ Esticar o logo (vira distorção)
- ❌ Usar JPG com fundo branco em fundo colorido (vira retângulo branco)
- ❌ Logo muito pequeno (ilegível em 768px+)
- ❌ Logo muito grande ocupando 50% do header
- ❌ 3 logos diferentes em 3 lugares (confunde marca)
Logo "Powered by evob"
Você não pode remover o logo "Powered by evob" no rodapé do AVA em planos Starter/Pro. Em planos Business+ você ativa o whitelabel completo.
📖 Saiba mais: Whitelabel (em produção)
Múltiplas marcas (multi-loja)
Em plataforma multi-loja, cada loja pode ter seu logo:
``` Plataforma "Academia evob" ├─ Loja A (Marca Pro) → logo Pro ├─ Loja B (Marca Premium) → logo Premium └─ Loja C (Marca Corporate) → logo Corporate ```
Aluno na Loja A vê logo da Marca Pro. Aluno na Loja B vê o logo da Marca Premium.
📖 Saiba mais: Multi-loja: quando usar
Onde NÃO mexer (planos Starter/Pro)
- ❌ Logo da página de checkout (Pagar.me) — vem do gateway, não customizável
- ❌ Logo no email transacional do Pagar.me — idem
- ❌ Logo no SMS de confirmação — não personalizável
💡 Whitelabel completo desses 3 pontos = plano Enterprise.
Erros comuns
"Logo aparece pixelado"
- Resolução muito baixa. Suba 2x maior.
- Usar PNG em vez de SVG quando possível.
"Logo quebra em mobile"
- Use versão símbolo (sem texto) para mobile, e horizontal para desktop.
- Configure em Marca > Logos > Variações responsivas.
"Logo aparece retangular branco"
JPG com fundo branco em página de fundo colorido. Use PNG com fundo transparente.
"Não tenho versão SVG"
Use convertio.co ou peça à equipe de design. SVG é melhor mas PNG resolve no início.
"Quero substituir todos os 4 de uma vez"
Faça upload em cada slot. Não há "upload em massa". Em planos Enterprise, um designer da evob pode te ajudar.
Próximos passos
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-02