Cores e logotipos
Em Cores e logotipos você personaliza a identidade visual da plataforma: as cores da interface, a cor dos links, os logotipos e a tela de login. Assim, a plataforma fica com a cara da sua empresa para todos os usuários.
Acessando Cores e logotipos
Abra o menu principal, selecione o módulo Configurações gerais e, no grupo Configurações visuais, clique em Cores e logotipos.
Atenção: As configurações visuais são aplicadas para todos os usuários da plataforma, inclusive no aplicativo mobile. Para aplicar as alterações, ative a interface personalizada e clique no botão Salvar.
Ativando a interface personalizada
Na seção Interface, use o botão Ativar interface personalizada para ligar ou desligar a personalização. Enquanto ele estiver desativado, as cores e os logotipos configurados nesta tela não são aplicados na plataforma.
Configurando as cores
Na seção Cores, você define as cores usadas em cada parte da interface:
Cor predominante: aplicada em títulos, menus, cards, ícones e botões.
Cor de links: aplicada em todos os textos que são links, ou seja, que levam você para outro registro da plataforma.
Cor da barra superior: cor da barra onde ficam o logotipo e o menu do usuário.
Cor da barra gradiente: barra fina no topo da tela, acima da barra superior. Ela é formada por três cores (Cor A, Cor B e Cor C), com uma prévia em Visualização. Se preferir, desative a animação pelo botão Barra gradiente com animação.
Dica: Evite utilizar cores muito claras: escolha cores que contrastem com o texto branco para permitir a leitura. Para a barra superior, uma cor levemente mais escura que a cor predominante costuma dar um bom resultado.
Escolhendo uma cor
Em Cor predominante, Cor de links e Cor da barra superior, você pode escolher a cor de duas formas:
Cores predefinidas: clique em uma das cores da paleta exibida ao lado do nome da configuração.
Escolher cor personalizada: clique no quadro de cor personalizada para abrir o seletor de cores. Você pode escolher a cor visualmente, arrastando o marcador na área de cor e na barra de tonalidades, ou digitar diretamente o código da cor (por exemplo, #0000FF).
O seletor e o código ficam sempre sincronizados: ao escolher uma cor no seletor, o código é atualizado automaticamente; ao digitar um código válido, o seletor passa a mostrar a cor correspondente.
Dica: A Cor da barra gradiente mantém o funcionamento próprio, com as três cores Cor A, Cor B e Cor C.
Identificando a cor selecionada
A cor em uso em cada configuração aparece marcada com um ícone de check, tanto nas cores predefinidas quanto no quadro de cor personalizada:
Apenas uma opção fica marcada por vez. Ao clicar em outra cor, o check passa para a nova opção.
Ao escolher uma cor personalizada, o quadro assume a cor escolhida como fundo e passa a exibir o check.
Ao abrir a tela, a cor salva já aparece marcada: na paleta, se for uma cor predefinida, ou no quadro de cor personalizada, se for outra cor.
O check é exibido com contraste suficiente para ficar visível em cores claras e escuras.
Nota: A marcação muda assim que você escolhe outra cor, mas a nova cor só é aplicada na plataforma depois que você clicar em Salvar.
Entendendo onde a cor de links é aplicada
A Cor de links é usada em todos os textos que funcionam como atalho para outro registro da plataforma. Por exemplo, no detalhe de uma atividade, os campos Unidade/Contrato, Pessoa e Documento Jurídico são exibidos como links que abrem o cadastro vinculado.
A configuração altera somente a cor do link. O tamanho, o peso da fonte, o sublinhado e o cursor continuam os mesmos.
Nota: Se a Cor de links não for configurada, a plataforma usa o azul padrão dos sites (#0000FF). Por isso, após esta atualização, os links passam a ser exibidos em azul até que você escolha outra cor.
Configurando os logotipos
Na seção Logotipos, envie as versões do logo da sua empresa:
Logotipo positivo: versão positiva do logo, aplicada sobre fundo branco.
Logotipo negativo: versão negativa ou invertida do logo, aplicada sobre fundo escuro.
Personalizando a tela de login
Na seção Tela de login, configure o que os usuários veem ao entrar na plataforma:
Imagem de fundo: escolha uma imagem ilustrativa que contraste com o texto branco.
Sobreposição: camada de cor sobreposta à imagem de fundo.
Ocultar conta local: se ativo, os campos de usuário e senha são ocultados da tela de login.
Texto de entrada: texto exibido à direita, sobre a imagem.
Salvando as alterações
Depois de ajustar as cores, os logotipos e a tela de login, confira se Ativar interface personalizada está ligado e clique em Salvar. As novas configurações passam a valer para todos os usuários.