Temas / White labeling
Configurações de Tema
Na página de configuração de tema, você pode personalizar o visual do seu ambiente. Altere imagens de fundo, faça upload de logos e ajuste elementos de branding, como cores e tipografia, para combinar com seu estilo único. Ajuste a interface do usuário para refletir a identidade da sua empresa, garantindo uma experiência consistente para os usuários em toda a sua plataforma. As configurações de tema são divididas em 3 seções principais: Branding, Cores Gerais e Cores do Modelo.
- Branding: Aqui, você pode personalizar elementos visuais chave do seu ambiente, incluindo fundos de cabeçalho, logos e miniaturas. Isso permite criar uma identidade de marca consistente em toda a plataforma.
- Cores Gerais: Personalize todas as cores do aplicativo para os modos Claro e Escuro, oferecendo efetivamente duas configurações de tema completas para cada ambiente.
- Cores do Modelo: Aqui você pode personalizar as cores dos atributos de modelagem. Isso é útil quando você deseja ter uma cor diferente para os modelos do que o resto do aplicativo.
Marque seu ambiente
Aqui você pode personalizar elementos visuais chave do seu ambiente, incluindo fundos de cabeçalho, logos e miniaturas. Isso permite criar uma identidade de marca consistente em toda a plataforma. Seja atualizando o logo da empresa ou definindo um fundo personalizado, essas ferramentas ajudam a refinar o visual do seu aplicativo.
info
Sempre visualize e teste suas seleções de imagem para garantir que elas correspondam ao seu tema geral e proporcionem uma experiência de usuário perfeita.
Cores gerais do aplicativo
Personalize as cores do aplicativo para os modos Claro e Escuro, proporcionando efetivamente duas configurações de tema completas para cada ambiente. Tenha certeza de testar suas alterações cuidadosamente para garantir um bom contraste entre texto e fundos, para otimizar a legibilidade e a experiência do usuário. Com essa flexibilidade, você pode adaptar totalmente o visual da sua plataforma para combinar com a identidade da sua marca em diferentes modos.
Cores do Modelo de Processo
Personalize as cores dos objetos de Modelagem e da tela para os modos Claro e Escuro, proporcionando efetivamente duas configurações de tema completas para cada ambiente. Teste cuidadosamente suas alterações para garantir um bom contraste entre texto e fundos, para otimizar a legibilidade e a experiência do usuário. Com essa flexibilidade, você pode adaptar totalmente o visual da sua plataforma para combinar com a identidade da sua marca em diferentes modos.
Cores de Dataset
Atributos que têm dados anexados adotarão automaticamente a cor do dataset especificada no modelador. Isso ajuda a distinguir visualmente os atributos com links de dados ativos. As cores mencionadas acima são as cores padrão para atributos sem dados anexados a eles.
Ajudantes Visuais
Se você fizer mudanças no tema, o fundo da cor indicará que mudanças foram feitas naquele atributo específico.
Para mudar uma cor, clique em um círculo colorido para o tema escolhido (Claro ou Escuro). Um seletor de cores aparece, permitindo que você escolha um tom ou insira um valor HEX / RGB / HSL. Se você não tiver certeza dos valores de cor, use o “PipetIcon” para selecionar uma cor de qualquer lugar na tela. As atualizações ocorrem imediatamente.
Exemplo de um tema
Explore diferentes maneiras de transformar o tema do seu aplicativo. Aqui, o tema original foi personalizado para apresentar variações em azul e verde.
Do Original
Para Azul
As mudanças feitas foram a cor do Texto, cor do Corpo, cor do Painel (claro), imagem do Logo, Texto do Logo, e Fundo do Cabeçalho.
Para Verde Matrix
”Escolha. O problema é a escolha” – Neo (The Matrix Reloaded)
Cores do Modelo de Processo
Ajuste as cores dos atributos de modelagem para diferenciar do restante do aplicativo. Isso garante uma aparência distinta para seus modelos.
