Banner da tela de login
Banner da tela de login é a primeira imagem do admin — configure com a identidade visual da marca.
O que é o banner da tela de login
A tela de login da evob tem duas áreas:
- Lado esquerdo: formulário de e-mail e senha
- Lado direito: banner de imagem configurável
O banner é a primeira impressão visual que os admins (e alunos que acessam pelo painel) têm ao entrar. Sem configuração, exibe o padrão da evob.
Onde configurar
Plataforma > Configurações > Identidade visual > Banner de loginEspecificações técnicas
| Atributo | Valor recomendado | |---|---| | Dimensões | 1280×960 px (proporção 4:3) | | Formato | JPEG ou WebP | | Tamanho do arquivo | Máximo 500 KB | | Qualidade | Alta — a imagem ocupa metade da tela em desktops |
O que colocar no banner
O banner não precisa ter texto — ele é apenas uma imagem de fundo. Boas opções:
- Foto da equipe ou do ambiente da operação
- Imagem de produto ou do nicho educacional (ex: estúdio de gravação, sala de aula)
- Imagem abstrata ou gradiente com as cores da marca
- Logotipo em grande no centro da imagem
Evite imagens com muito texto — elas ficam difíceis de ler em telas menores e em diferentes resoluções.
Mobile e responsividade
Em dispositivos móveis, o banner não é exibido — apenas o formulário de login. A imagem é exclusiva para telas desktop (largura acima de 768 px).
Boas práticas
✅ Faça
- Use uma imagem com alta saturação e qualidade — ela fica ao lado do formulário branco e precisa se destacar
- Mantenha a imagem dentro dos 500 KB usando ferramentas como Squoosh ou TinyPNG
- Atualize o banner em datas comemorativas ou lançamentos importantes — é o primeiro visual que os admins veem ao entrar
❌ Não faça
- Usar imagens de banco de dados genéricas sem relação com a marca — a tela de login é uma oportunidade de reforçar identidade
- Colocar texto importante no banner (preços, datas, instruções) — o texto pode ficar cortado em algumas resoluções
- Usar a mesma imagem do banner da loja sem adaptar — a proporção e o contexto são diferentes
Erros comuns
"Fiz upload do banner mas a imagem ficou distorcida"
Verifique se a imagem está na proporção correta (4:3 ou próximo). Imagens quadradas ou panorâmicas ficam distorcidas ao preencher o espaço do banner. Redimensione para 1280×960 px antes de subir.
"O banner não aparece — a tela de login ainda mostra o fundo padrão"
Após o upload, confirme que clicou em Salvar. Limpe o cache do navegador (Ctrl + Shift + R) e recarregue a página de login em aba anônima para ver a versão atualizada.
"O banner está muito escuro e a tela ficou pesada"
Algumas imagens escuras com muito contraste podem dar a impressão de peso visual. Tente uma imagem com menos escuro absoluto ou adicione um leve desfoque na imagem antes de subir — isso suaviza sem perder a identidade.
"Quero banners diferentes para lojas diferentes"
O banner de login da plataforma é único — aparece para todos os admins que acessam pelo domínio da plataforma. Lojas com domínio próprio podem ter tela de login personalizada separada.
Próximos passos
- 📖 Configurar logos
- 📖 Paleta de cores — guia completo
- 📖 Cor primária — impacto na interface
- 📖 Preview de identidade visual
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-06