Nesta página

Temas e white labeling

Configurações do tema

Na página de configuração do tema, você pode personalizar a aparência do seu ambiente. Altere imagens de fundo, carregue logos e ajuste elementos da marca, como cores e tipografia, para refletir seu estilo. Adapte a interface do usuário à identidade da sua empresa e ofereça uma experiência consistente em toda a plataforma. As configurações do tema estão divididas em seis abas: Marca, Cores gerais, Elementos BPM, Elementos VSM, Cores do conjunto de dados e Cores dos gráficos.

  • Marca: personalize fundos do cabeçalho, logos e miniaturas para combinar com a identidade da sua empresa.
  • Cores gerais: personalize as cores do aplicativo nos modos Claro e Escuro, com configurações independentes para cada modo.
  • Elementos BPM: personalize as cores dos elementos de modelos BPMN para destacá-los do restante do aplicativo.
  • Elementos VSM: personalize as cores das formas do mapeamento do fluxo de valor.
  • Cores do conjunto de dados: aplique cores aos conjuntos de dados e aos seus elementos.
  • Cores dos gráficos: controle a paleta de cores usada pelos gráficos e pelas métricas.

Personalize a marca do seu ambiente

Personalize seu tema com elementos de marca

info

Sempre visualize e teste suas seleções de imagens para garantir que elas combinem com o tema geral.

Cores gerais do aplicativo

Personalize seu tema

Cores do modelo de processo

Personalize seu tema

Cores do conjunto de dados

Personalize seu tema

Cores dos gráficos

Personalize seu tema

Cores do conjunto de dados

Os atributos que têm dados associados adotarão automaticamente a cor do conjunto de dados especificada no modelador. Isso ajuda a diferenciar visualmente os atributos com links de dados ativos. As cores mencionadas acima são as cores padrão dos atributos sem dados associados.

Recursos visuais de apoio

imagem Se você fizer alterações no tema, o fundo do campo de cor indicará que foram feitas atualizações nesse atributo específico.

imagem Para alterar uma cor, clique em um círculo colorido do tema escolhido, Claro ou Escuro. Um seletor de cores será exibido, permitindo que você escolha uma tonalidade ou insira um valor HEX / RGB / HSL. Se não souber os valores das cores, use o ícone do conta-gotas para selecionar uma cor em qualquer parte da tela. As alterações acontecem imediatamente.

Exemplos de variações de tema

Explore diferentes formas de alterar o tema do seu aplicativo. Abaixo, o tema original foi personalizado para mostrar variações em azul e verde.

A partir do original

imagem

Exemplo de tema azul

As alterações incluem cor do texto, cor do corpo, cor do painel claro, imagem do logo, texto do logo e fundo do cabeçalho. imagem

Exemplo de tema verde Matrix

Uma paleta verde-escura inspirada na série de filmes Matrix. imagem

Personalização das cores do modelo de processo

Ajuste as cores dos atributos de modelagem para diferenciá-los do restante do aplicativo. Assim, seus modelos terão uma aparência própria. imagem

Tópicos relacionados