Skip to main content
This article explains how to configure the Brand Kit in the Template Editor. Use the Brand Kit to apply consistent branding across your web store template, including fonts, colors, logos, and images. Changes made in the Brand Kit apply across the entire template. The Brand Kit appears in the Right Sidebar of the Template Editor and is open by default. You can toggle it on or off by clicking the Brand Kit icon in the Top Bar. The Brand Kit includes two tabs:
  • Branding: Global design settings for your store.
  • External Buttons: Configuration for the Back to Game and Add to Home Screen buttons.

​
Branding

The Branding tab contains the global design settings for your template. Use these settings to define the visual style of your web store. Configure the following settings:
  • Font Family: Use the drop-down menu to select the font for all text in your template.
  • Button Color: Select the color for all buttons across the template, except for the Back to Game and Add To Home Screen buttons.
    • Use the drop-down menu and select Solid to apply a single color, or
    • Select Linear to apply a gradient. Then choose two colors, and use the second drop-down menu to select the gradient direction.
  • Button Text Color: Use the drop-down menu to select the color for the button text.
  • Logo: Upload the logo to display in your web store.
  • Banner Image: Upload the banner image to display in the store.
  • Background Image (Mobile): Upload a background image to display on mobile devices.
  • Background Image (Desktop): Upload a background image to display on desktop devices.
  • Footer Image (Mobile): Upload the image to display in the footer on mobile devices.
  • Footer Image (Desktop): Upload the image to display in the footer on desktop devices.
Upload- add files- media- reuse

​
External Buttons

The External Buttons tab includes the settings for the optional Back to Game and Add To Home Screen buttons. These floating buttons appear on top of the store and move together when their position is adjusted. Configure the following settings:
  • External Buttons Position
    • Vertical Offset (%): Enter a value from 0-100 to control how far the buttons appear from the bottom of the page.
  • Add To Home Screen: The Add to Home Screen button allows players to add the web store to their device home screen.
    • Activate this feature in your store: Toggle this setting on to display the button.
    • Store Title: Enter a name for the shortcut that will be created on the player’s home screen.
    • Border and Text Color: Select the color for the button border and text. You can upload a button image instead.
    • Background Color: Select the button background color.
      • Use the drop-down menu to select Solid to apply a single color, or
      • Select Linear to apply a color gradient. Then choose two colors, and use the second drop-down menu to select the gradient direction.
    • Button Image: Upload a custom button image instead of using color and text styling.
    • Icon Image: Upload the icon to display on the player’s home screen shortcut.
  • Back To Game: The Back to Game button allows players to return to the game from the web store.
    • Activate this feature in your store: Toggle this setting on to display the button.
    • Button Side Position: Use the drop-down menu to select the side of the screen where the button appears.
    • Button Image: Upload an image for the button.