How do I add a background color?

This article will go through how you can add a background color in Studio.

Start by going to Studio and either create a new template or go into the template where you wish to add the background color. Then you are going to: 
  1. Click on "Rectangle" in your left-hand menu 
  2. Now click on the layer either in your workspace or layer menu 
  3. Go into the right-hand menu under "Edit" and "Transform" 
    1. Here you have the option to:
      1. Change the dimensions of the rectangle in the W and H space 
      2. Change the color by clicking on the little square at the bottom where you can write your HEX code to get the color just right

        Screenshot 2022-07-27 at 13.46.52
  4. When you have customised the background to fit your design you are done - good job 🎉 

As it can be easier to see the steps in action to understand the workflow made a video where we go through the steps: 

HubSpot Video



A good way to keep the overview in your layer menu is to name your layers, go to this article to see how and build the best manageable layer overview 😄


Happy Building 😄