Apenas Super Admins e Admins podem aceder e modificar as definições de Aparência. Se não vir esta opção em Workspace Config, peça ao seu Super Admin para rever a sua função.
Aceder às Definições de Aparência
Personalizar Cada Elemento Visual
Cor Primária
A cor primária é aplicada a botões, ligações ativas, estados em destaque e elementos-chave da interface em toda a plataforma.- Escolha uma cor que reflita a identidade central da sua marca.
- Esta é a definição de cor com maior impacto porque aparece em toda a interface.
Cor de Fundo da Barra Lateral
O fundo da barra lateral define o tom base do painel de navegação esquerdo.- Utilize uma cor que crie uma separação visual clara entre a barra lateral e a área de conteúdo principal.
- Fundos escuros com texto claro funcionam geralmente melhor para legibilidade.
Cor do Texto da Barra Lateral
A cor do texto da barra lateral controla a cor das etiquetas de todos os itens de navegação no menu esquerdo.- Escolha sempre uma cor com forte contraste em relação à cor de fundo da barra lateral.
- Um fraco contraste torna as ligações mais difíceis de ler e reduz a acessibilidade.
Cor de Fundo Hover da Barra Lateral
Esta cor aparece como destaque de fundo quando um utilizador move o cursor sobre um item de navegação da barra lateral.- Indica interatividade e ajuda os utilizadores a perceber qual o item que estão prestes a clicar.
- Escolha uma cor visivelmente distinta do fundo padrão da barra lateral e da cor do item ativo.
Aplicar as Suas Escolhas de Cores
Abrir o seletor de cores para cada campo
Clique na amostra de cor ao lado de qualquer um dos quatro campos de aparência — Cor Primária, Fundo da Barra Lateral, Cor do Texto da Barra Lateral ou Cor de Fundo Hover da Barra Lateral — para abrir o seletor de cores.
Introduzir um código hexadecimal ou escolher uma cor
Digite o código hexadecimal exato da sua marca (p. ex.,
#3B5BDB) diretamente no campo de entrada, ou utilize o seletor visual para escolher um tom.Pré-visualizar as alterações
Reveja o aspeto das cores atualizadas na barra lateral e em toda a interface antes de guardar.
Repor o Tema Predefinido
Se pretender remover toda a marca personalizada e restaurar o esquema de cores original do AgencyHandy, clique no botão Reset Default Settings na página de Aparência.Melhores Práticas de Contraste de Cores
Um bom contraste de cores não é apenas uma preferência de design — afeta diretamente a legibilidade e a acessibilidade para a sua equipa e clientes.Procure rácios de contraste WCAG AA
Para texto de corpo normal, utilize um rácio de contraste de pelo menos 4.5:1 entre texto e fundo. Para texto grande ou ícones, um rácio de 3:1 é aceitável. Utilize uma ferramenta como o WebAIM Contrast Checker para verificar.
Evite combinações de baixo contraste
Não associe cores como texto cinzento claro sobre branco, ou texto amarelo sobre branco — estas falham os padrões de acessibilidade e cansam os olhos em sessões longas.
Teste os estados hover deliberadamente
As cores de hover devem ser visivelmente diferentes do estado de repouso e do estado ativo. Se parecerem iguais, os utilizadores perdem feedback visual importante.
Mantenha consistência com a sua marca
Utilize a mesma cor primária aqui e no seu site, propostas e faturas. A consistência cria reconhecimento e profissionalismo em todos os pontos de contacto com os clientes.
Notas Importantes
- Efeito global instantâneo: Todas as alterações de aparência guardadas são aplicadas imediatamente em todo o workspace. Cada utilizador com sessão iniciada vê a atualização na sua próxima ação de navegação.
- Um tema ativo: Não existe suporte para múltiplos temas — um conjunto de cores aplica-se a todo o workspace para todas as funções.
- Restrição de função: Apenas Super Admins e Admins podem fazer alterações de aparência. Membros regulares da equipa e clientes não podem modificar as cores.
- A reposição é permanente: O botão Reset Default Settings não pode ser anulado, pelo que deve utilizá-lo apenas quando pretende intencionalmente remover todas as cores personalizadas.