Breadcrumbs

v3.30 (Abril 2024)

Personalização corporativa do canal

Nesta versão, é incorporada a possibilidade de adaptar a identidade gráfica do Canal de Denúncias corporativo à imagem de marca, personalizando com as cores próprias da empresa.

Como o Canal de Denúncias é um portal aberto ao exterior para que qualquer interessado possa reportar um fato, é muito útil que seja facilmente identificável e esteja alinhado com as demais plataformas da empresa.

Para isso, foi incluída na seção Configurações > Personalização a possibilidade de personalizar as cores corporativas da interface.

Esta alteração aplica-se tanto à interface de administração (backoffice interno de gestão do canal) como, sobretudo, à vista do denunciante (formulário público), tanto no momento de reportar uma nova denúncia quanto ao acompanhar uma anterior.

Configuração de cores

Na configuração, por padrão aparecem as cores atuais da solução, mas é possível personalizá-las com base em diferentes parâmetros.

image-20240405-072532.png
  1. Cor principal: Esta cor será aplicada à barra principal do menu, botões, títulos e parte frontal principal da vista do denunciante.

  2. Menu vertical: Esta cor será utilizada para a faixa do menu vertical do painel

  3. Textos e ícones do menu principal: Com a possibilidade de escolher entre branco e preto, será utilizada para representar os textos e ícones que existam no menu principal

  4. Textos e ícones do menu vertical: A cor escolhida (branco ou preto) será utilizada para representar os ícones e textos do menu lateral

Isto foi pensado para que, além de estar alinhado com a imagem corporativa, os textos e ícones sejam legíveis e se adaptem aos critérios de contraste e acessibilidade definidos pelas WCAG 2 (Web Content Accessibility Guidelines).

Uma vez modificado algum dos parâmetros, é necessário clicar no botão “Vista Prévia” que, em uma janela, mostra como ficará a interface do utilizador sem a necessidade de aplicar as alterações.

image-20240405-092547.png

Ao abri-lo, será exibida uma janela para visualizar como ficará com os ajustes propostos, vendo as alterações em diferentes vistas:

  • Seção de Configuração

  • Seção de Landing

  • Formulário de denúncia

image-20240405-095359.png

Depois de revisar a vista prévia, será possível aplicar as alterações através do botão Guardar, e a interface será atualizada para todos os utilizadores.

Exemplos

Carrusel.gif