Through this tab it is possible to use GSM as a customization platform for Firewall devices, being possible to change the product title, icon, background image, menu colors etc. Using these options, it is possible to create firewall customization templates according to the visual identity used by the user's own company. This template, in turn, can be applied to multiple devices when deploying the device template (allowing you to select a group of devices that select the same customization).

Appliance customization is controlled through a license, so this option will only be available if the user has a valid active customization license. If the GSM license allows customization, the custom brand tab will be available in the templates configuration. If the subscription is expired and the user tries to apply a template already configured, the deploy system will present a license error.

This feature works by customizing the appliances even before they are installed on the network.

If you want to customize the GSM itself, see this page page.

To enable customization, click Enabled [];


Config Template - Custom Brand


  • Enabled []: It is necessary to activate this check box to enable the customization of the template, if it is disabled, the customization of the template will be disabled;
  • Page title: Defines the name to be displayed in the title bar in the system window. Ex.: UTM;
  • Section: This option customizes the color of the GSM sections (where "Management", "Analytics" and "Settings" appears), this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #000000;
  • Section Font: In this option, the font color of the GSM sections is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #FFFFFF;
  • Selected: In this option, the color of the selected menus and the upper GSM bar is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #ccb516;
  • Selected Font: In this option, the font color of the selected menus is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #000000;
  • Open: In this option, the color of the open menus is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #f3dc3a;
  • Open Font: In this option, the font color of the open menus is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #000000;
  • Open Hover: In this option, the highlighted color of the open menu is customized when the mouse passes over it, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #ffec6c;
  • Menu: In this option the color of the menus is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #bd9700;
  • Menu Font: In this option the color of the menu fonts is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #000000;
  • Base: In this option, the base color of the panel where the menus are located is customized, this field accepts the HEX color code, in addition it is possible to click on the box beside and select the desired color in a color picker with RGBA field. Ex.: #000000;
  • Favicon: Clicking the [] button allows you to upload the page's favicon. If you want to view the added image, click [], to download click [], to delete, click []. 32x32 PNG or ICO format image recommended;
  • Logo: Clicking the [] button allows you to upload the logo used at the top of the menus. If you want to view the added image, click [], to delete, click []. 300x65 SVG format image recommended;
  • Background: Clicking the [] button allows you to upload an image that is used as a background on the initial login screen. If you want to view the added image, click [], to delete, click []. Recommended image in PNG or JPG format with dimensions 1920x1080;
  • Preview: Demonstrates the changes that were made to the options above in a preview for checking before actually applying them.


To assist in defining colors:
        It is possible to create or consult a color palette on the website https://coolors.co/generate that provides coloring information at: Color Name, HEX, RGB, HSB, HSL, CMYK, LAB, RAL, HKS, Copic and Prismacolor.

        If it is necessary to convert from Pantone to RGB, CMYK or HEX, consult the converter on the official website at this link: https://www.pantone.com/color-finder.


Here is an example of a template with customization already applied:


Config Template - Custom Brand - Edited template


When applying custom branding on UTM it may be necessary to clear the browser cache to view the changes.

To access the cache deletion window just use the command "ctrl + shift + del".


 The caption "Powered by Blockbit" below the logo is not customizable.


If you are not satisfied with the changes made, click [] to restore the default settings or disable the Enabled[] checkbox and deploy the template again to return to the factory defaults.


To save changes, click [], otherwise, click [] to close the window.


Saved successfully


After performing these procedures, the firewall customization was successful.

  • No labels