Como trocar a capa da tela inicial de login (Banner)

Este artigo explica como personalizar a capa da tela inicial de login do sistema, alterando o Banner da sua instância. Essa personalização permite aplicar a identidade visual da sua empresa logo na primeira tela de acesso.

Quem pode realizar essa configuração

• Usuários com permissão de Administrador;
• Responsáveis pela configuração da instância.

Caminho da configuração

Para realizar a alteração, acesse o menu:

Configuração > Personalizar Instância.

O que pode ser personalizado nessa tela

Dentro de Personalizar Instância, você encontrará as seguintes opções:

• Logo: imagem principal da marca no sistema;
• Banner: imagem de fundo da tela inicial de login (capa inicial);
• Ícone: ícone exibido no navegador (favicon).

⚠️ Importante:
A capa da tela inicial de login corresponde à opção Banner.

Passo a passo para trocar a capa da tela inicial (Banner)

1. Acesse a personalização da instância

No menu principal do sistema, clique em:

"Configuração" > "Personalizar Instância"

📸

2. Localize a opção “Banner”

Na tela de personalização, identifique o campo Banner, que é responsável pela imagem exibida na tela inicial de login.

📸

3. Envie a nova imagem

Clique na opção de alterar ou enviar imagem e selecione o arquivo desejado no seu computador.

Boas práticas para a imagem do banner:

• Utilize uma imagem em boa resolução;
• Prefira imagens horizontais;
• Evite textos muito próximos às bordas;
• Use cores que mantenham boa leitura dos campos de login.

4. Salve as alterações

Após selecionar a imagem, clique em Salvar para aplicar a personalização.

Resultado esperado

Após salvar, a nova imagem de Banner será exibida como capa da tela inicial de login, substituindo a imagem anterior.

Dicas importantes

• Caso a imagem não apareça imediatamente, limpe o cache do navegador ou atualize a página;
• Certifique-se de que a imagem não ultrapassa o tamanho máximo permitido pelo sistema;
• Sempre utilize imagens alinhadas à identidade visual da sua empresa.

Se tiver dúvidas ou dificuldades durante o processo, entre em contato com o suporte. 😊

Veja também

• Como personalizar a instância (Whitelabel)

Atualizado em: 15/07/2026