Bem-vindo à sua empresa.
Logotipo, layout, fundo e saudação definem a página de login. Os modelos facilitam o início; os textos em alemão e inglês podem ser mantidos separadamente.
Conhecer os modelos de login ↓Módulo · AgenticUltimateSeu CRM.
Seu CRM.
Sua identidade.
Uma apresentação familiar.
Personalize o login e a interface de trabalho de acordo com sua empresa. Com modelos selecionados, perfis de cores coordenados e pré-visualização antes da ativação.
Sua identidade de marcaExemplo de design
◆ ACME CRM
Um design. Do login ao trabalho diário.
Prévia esquemática · Não é um formulário real de login
✓ Personalize login e interface administrativa separadamente✓ Oito perfis de cores✓ Cor própria da marca✓ Rascunho, prévia e revisão
Dois designers. Uma identidade de marca.Uma boa primeira impressão.
Uma boa primeira impressão.
Um espaço de trabalho consistente.
O login e a interface administrativa têm finalidades diferentes. Personalize-os de forma independente, mantendo uma identidade visual compartilhada.
Orientação para cada dia de trabalho.
Navegação, botões, tabelas e linhas ativas compartilham a mesma linguagem de cores. Escolha um perfil ou derive tonalidades da cor primária.
Experimentar as cores da interface ↓Designer da página de loginDo simples e discreto
Do simples e discreto
ao visual marcante da sua marca.
Primeiro, escolha uma família de layouts. Depois, ajuste logotipo, cores, textos e fundo.
Clean & Minimal
Formulário centralizado e superfícies discretas. Clean White e Soft Cloud oferecem um ponto de partida sóbrio.
Split Accent
Formulário e painel da marca lado a lado. Split Accent e Architect Grid dão espaço à sua mensagem.
Editorial e atmosfera
Editorial Split e Forest Calm combinam o login com fotografias próprias. Aqui, são ilustrados de forma esquemática com um gráfico.
Champagne Atelier e Bordeaux Signature acrescentam estilos acolhedores e expressivos. Todas as imagens são exemplos ilustrativos de layout.
Seu conteúdo, aplicado com controle
Mais do que uma imagem de fundo.
O designer reúne os elementos que definem sua página de login.
Logotipo e imagens
Ajuste o tamanho e o alinhamento do logotipo e personalize o painel de fotos ou fundo. Os arquivos enviados devem atender aos formatos aceitos e às verificações de segurança.
Alemão e inglês
Mantenha saudações, textos de campos e rodapé nos dois idiomas. O conteúdo permanece independente do layout selecionado.
Rascunhos e revisões
Comece o novo design como rascunho. Ative-o após a revisão ou restaure uma versão anterior salva quando necessário.
Designer do tema administrativoUma cor.
Uma cor.
Um espaço de trabalho harmonioso.
Experimente oito perfis ou insira a cor da sua marca. Navegação, botão e linha ativa respondem imediatamente na prévia.
Escolha seu visual.
Ilustração interativaA prévia usa cores ilustrativas. Ela altera apenas esta exibição e não salva configurações do CRM.
◆ ACME CRMAgenticUltimate Blue
Uma visão clara.
Seus contatos e próximos passos.
Projeto de clienteStatus
Projeto NorteEm andamento
Projeto OestePlanejado
✓ Sucesso! Aviso× Erro
Contraste do botão…Cor do texto na superfície primária
Identidade visual personalizadaDerivar cores.
Derivar cores.
Verificar a legibilidade de forma consciente.
Uma cor primária é o ponto de partida. Uma interface utilizável também exige cores de texto adequadas, tonalidades e estados reconhecíveis.
Tonalidades coordenadas
Derive superfícies ativas, bordas discretas e estados ao passar o mouse a partir da cor escolhida. A prévia mostra como esses elementos funcionam juntos.
Tornar o contraste visível
A relação entre o fundo do botão e o texto é calculada. A demonstração escolhe texto preto ou branco; os demais elementos exigem verificações separadas.
Preservar as cores de status
Sucesso, aviso e erro mantêm seu significado. Textos e símbolos complementam as cores para que os estados não sejam comunicados apenas por elas.
Verificar uma combinação de cores não confirma a acessibilidade completa. Ela também envolve uso por teclado, indicadores de foco, rótulos e testes da interface inteira.
Da ideia ao design ativoPrimeiro, criar.
Primeiro, criar.
Depois, aprovar conscientemente.
Novos designs devem ser revisados antes de alterar o trabalho diário.
Escolher modelo ou cor
Comece com um layout de login ou perfil de cores e adicione o conteúdo da marca.
Trabalhar como rascunho
Prepare as alterações separadamente. O design ativo permanece em uso até a aprovação.
Revisar a prévia
Verifique login, navegação, tabelas, botões e estados relevantes. Teste as visualizações compatíveis do CRM antes da ativação.
Ativar ou restaurar
Publique a versão revisada. As revisões salvas permitem retornar de forma controlada a um design anterior.
Integração e operaçãoDesign como extensão.
Design como extensão.
Compatibilidade em vista.
Os recursos de identidade visual utilizam uma camada de design separada. As alterações nas visualizações devem ser compatíveis com a versão instalada do SuiteCRM.
Estilização baseada em tokens
Controle cores e estados por valores de design definidos, em vez de modificar manualmente arquivos centrais para cada cliente.
Preparar as atualizações
Antes de uma atualização do SuiteCRM, verifique se login, visualizações principais e extensões personalizadas continuam sendo exibidos corretamente.
Planejar o caminho de volta
Revisões anteriores e a opção de retornar ao padrão apoiam uma operação controlada. O escopo específico depende da aprovação da respectiva versão.
Bom saber
Perguntas sobre a Branding Suite.
Respostas sobre design, prévias e operação.
O login pode ter uma aparência diferente da interface administrativa?
Sim. O designer da página de login e o designer do tema administrativo são independentes. Um login expressivo pode ser combinado com um espaço de trabalho discreto.
As cores da prévia são os valores definitivos do produto?
Não. A exibição interativa ilustra as direções dos perfis e o contraste dos botões. Os valores reais do produto e as visualizações compatíveis são apresentados no designer ou na demonstração.
Como o contraste do botão é calculado?
A prévia compara a luminância da superfície primária com texto preto e branco e escolhe a opção de maior contraste. A relação exibida vale para essa combinação.
Podemos usar o logotipo e as imagens da empresa?
Logotipos e imagens próprios fazem parte da personalização. Formatos, tamanhos e verificações de segurança dependem da área de envio correspondente.
É possível visualizar rascunhos antes da ativação?
Os rascunhos podem ser revisados antes da aprovação. As visualizações do CRM disponíveis na prévia dependem do escopo de recursos liberado.
Isso garante compatibilidade automática com todas as futuras atualizações do SuiteCRM?
Uma camada de design separada evita a sobrescrita direta de arquivos centrais. Novas versões e extensões personalizadas ainda exigem testes de compatibilidade.
Os textos podem ser mantidos em alemão e inglês?
O design do login prevê textos separados em alemão e inglês. Isso é independente dos diretórios de idioma deste site.
Ajuda e documentação
Documentação de identidade visual
Designers de login e temas — guias na base de conhecimento da QOON.
Quer ver a identidade visual no seu
SuiteCRM?
Em cerca de 20 minutos, mostramos os designers de login e interface administrativa e como revisar os rascunhos antes da ativação.
Solicitar demonstração de identidade visual ↗Sem compromisso · Suas cores · Seu caso de uso