Portal SSO – Configurações Visual Login
Configurações – Visual Login
Objetivo
A aba Visual Login configura a aparência da tela de login.
Diferente da home, o visual do login é salvo em arquivo local, pois a tela de login precisa ser exibida antes de qualquer autenticação.
Configuração da URL
Permite selecionar qual configuração visual do login está sendo editada.
O Portal SSO permite ter mais de um visual de login no mesmo arquivo local.
Parâmetro loginVisual
Define a chave que identifica o visual de login.
Esse valor pode ser usado na URL para carregar um visual específico.
Exemplo:
#/login?loginVisual=default
Impacto:
– se o parâmetro for informado na URL e existir no arquivo, o portal usa aquele visual;
– se não for informado, o portal usa o primeiro visual do arquivo;
– nomes duplicados podem causar confusão na seleção.
Nome do portal
Texto principal exibido no login.
Impacto:
– altera a identificação visual para o usuário;
– também pode ser usado como fallback do título da aba.
Título da aba
Define o texto exibido na aba do navegador.
Impacto:
– ajuda o usuário a identificar o portal aberto;
– é aplicado pelo navegador após o carregamento do visual.
Descrição
Texto complementar exibido na tela de login.
Impacto:
– orienta o usuário sobre o propósito do portal;
– deve ser curto para não quebrar o layout do formulário.
Logo do cabeçalho
Imagem de logo geral do portal.
Impacto:
– pode ser usada como fallback em outras áreas do visual;
– aceita imagem enviada por upload e salva como Base64 no JSON local.
Logo login
Imagem exibida no formulário de login.
Impacto:
– é a logo mais visível na tela de autenticação;
– deve ter boa leitura em tamanho reduzido.
Fundo do login
Imagem usada como plano de fundo da tela de login.
Impacto:
– altera a aparência geral da tela;
– imagens muito pesadas podem impactar o carregamento;
– imagens com muito contraste podem prejudicar a leitura.
Favicon
Ícone exibido na aba do navegador durante o login.
Padrão:
assets/img/favicon_login.ico
Impacto:
– ajuda a identificar visualmente a aba do login;
– pode ser personalizado por visual de login.
Dizeres do login
Permite alterar os textos principais da tela:
– usuário;
– senha;
– botão de entrada;
– botão em carregamento;
– esqueci minha senha.
Impacto:
– altera apenas textos exibidos;
– não altera regras de autenticação.
Cores
Define a paleta visual da tela de login:
– primária;
– primária hover;
– secundária;
– destaque;
– fundo;
– superfície;
– superfície alternativa;
– texto;
– texto secundário;
– borda;
– perigo.
Impacto:
– altera o tema visual;
– cores com pouco contraste podem prejudicar acessibilidade.
Adicionar visual
Cria uma nova configuração visual no arquivo local.
Remover visual
Remove o visual selecionado.
Importante:
– o sistema deve manter pelo menos um visual de login.
Gerar visual.json
Gera o conteúdo atualizado do arquivo de visual de login.
Esse arquivo deve ser mantido no pacote do Portal SSO para que o login funcione antes da autenticação.
