Page tree
Skip to end of metadata
Go to start of metadata

Através desta aba é possível utilizar o GSM como uma plataforma de customização dos dispositivos de Firewall, sendo possível alterar o título do produto, ícone, imagem de fundo, cores de menu etcUsando estas opções e possível criar templates de customização do firewall de acordo com a identidade visual utilizada pela própria empresa do usuário. Este template por sua vez, pode ser aplicado em múltiplos dispositivos ao fazer o deploy de device template (permitindo selecionar um grupo de dispositivos que selecionem a mesma customização).

A customização de appliances é controlada através de licença, assim sendo, essa opção só estará disponível caso o usuário possua uma licença de customização válida ativa. Se a licença do GSM permitir a customização, a aba custom brand estará disponível na configuração dos templates. Caso a subscrição esteja vencida e o usuário tentar aplicar um template já configurado o sistema de deploy apresentará um erro de licença.

Esse recurso atua efetuando a customização dos appliances antes mesmo deles serem instalados na rede.

Caso deseje customizar o GSM propriamente dito, consulte essa página.

Para habilitar a customização clique em Enabled [];


Config Template - Custom Brand


  • Enabled []: É necessário ativar essa caixa de checagem para habilitar a customização do template, caso ela seja desabilitada, a customização do template será desabilitada;
  • Page title: Define o nome que será exibido na barra de título na janela do sistema. Ex.: UTM;
  • Section: Esta opção customiza a cor das seções do GSM (onde aparece "Management", "Analytics" e "Settings"), este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #000000;
  • Section Font: Nesta opção é customizada a cor das fontes da seções do GSM, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #FFFFFF;
  • SelectedNesta opção é customizada a cor dos menus selecionados e da barra superior do GSM, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #ccb516;
  • Selected Font: Nesta opção é customizada a cor da fonte dos menus selecionados, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #000000;
  • OpenNesta opção é customizada a cor dos menus abertos, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #f3dc3a;
  • Open Font: Nesta opção é customizada a cor da fonte dos menus abertos, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #000000;
  • Open HoverNesta opção é customizada a cor de destaque do menu aberto quando o mouse passa por cima dele, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #ffec6c;
  • Menu: Nesta opção é customizada a cor dos menus, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #bd9700;
  • Menu Font: Nesta opção é customizada a cor das fontes dos menus, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #000000;
  • Base: Nesta opção é customizada a cor base do painel onde ficam os menus, este campo aceita o código de cor HEX, além disso é possível clicar no quadro ao lado e selecionar a cor desejada em um color picker com campo RGBA. Ex.: #000000;
  • Favicon: Ao clicar no botão [] permite efetuar o upload do favicon da página. Caso deseje visualizar a imagem adicionada, clique em [], para fazer download clique em [], para excluir, clique em []. Recomendado uma imagem em formato PNG ou ICO de dimensões 32x32;
  • Logo: Ao clicar no botão [] permite efetuar o upload do logo utilizado no topo dos menus. Caso deseje visualizar a imagem adicionada, clique em [], para excluir, clique em []. Recomendado uma imagem em formato SVG de dimensões 300x65;
  • Background: Ao clicar no botão [] permite efetuar o upload de uma imagem que é utilizada como background na tela inicial de login. Caso deseje visualizar a imagem adicionada, clique em [], para excluir, clique em []. Recomendado uma imagem em formato PNG ou JPG de dimensões 1920x1080;
  • Preview: Demonstra as alterações que foram efetuadas nas opções acima em uma pré-visualização para checagem antes de efetivamente aplicá-las.


Para auxiliar na definição das cores:
        É possível criar ou consultar uma paleta de cores no site https://coolors.co/generate que disponibiliza informações da coloração em: Color Name, HEX, RGB, HSB, HSL, CMYK, LAB, RAL, HKS, Copic e Prismacolor.

        Caso seja necessário converter de Pantone para RGB, CMYK ou HEX, consulte o conversor do site oficial neste link: https://www.pantone.com/color-finder.


Segue um exemplo de um template com a customização já aplicada:


Config Template - Custom Brand - Template editado


Ao aplicar o custom branding no UTM pode ser necessário apagar o cache do navegador para visualizar as mudanças.

Para acessar a janela de deleção de cache basta utilizar o comando "ctrl+shift+del".


 A legenda "Powered by Blockbit" abaixo do logo não é customizável.


Caso não fique satisfeito com as alterações efetuadas clique em [] para restaurar às configurações padrões ou desabilite a caixa de seleção Enabled[] e efetue o deploy do template novamente para voltar aos padrões de fábrica.


Para salvar as alterações clique em [], caso contrário, clique em [] para fechar a janela.


Saved successfully


Após realizar esses procedimentos a customização do firewall foi efetuada com sucesso.

  • No labels
Write a comment…