On the Brand styles tab, you set up the colors and fonts that represent your brand.
Color styles
The colors you add as Brand style appear as shortcuts throughout the Builder, meaning you can easily select them when adding a button or choosing the background fill for a layout element, for instance.
Add a Color style
In the Builder, open the Brand styles tab.
Click + next to Color styles.
Use the color picking or the hex color code to select a color.
Give the Color style a name.
Click anywhere outside the Edit color panel to save the new Color style.
It’s a good idea to set your main brand color, an accent or two, and some background or grayscale colors. You can add as many colors as you’d like.
Delete a Color style
In the Builder, open the Brand styles tab.
Find the Color style you want to delete.
Click the its three buttons icon.
Select Remove color and click Remove.
Text styles
The text styles you add here appear as shortcuts in Elements across your site. You’ll still be able to change the font size, weight, and accenting for each specific piece of text on your site through the Text section on the Design panel.
Add a Text style
In the Builder, open the Brand styles tab.
Click + next to Text styles.
Select a Font and Weight.
Use the color picking or the hex color code to select a color.
Give the Text style a name.
Click anywhere outside the Edit color panel to save the new Text style.
It’s useful to add at least a few heading styles and some body text styles, such as styles you’d use for normal and emphatic text. You can add as many text styles as you’d like.
Custom fonts
You can upload custom fonts to your site using the Brand styles tab:
Select an existing Text style or add a new one by clicking +.
Click the Font field and then click the Upload button.
Click Choose fonts and select the font(s) you want to add or drag and drop then onto the grey upload field.
Once you upload them, the custom fonts will be listed in all Text elements across your site as well as in the Text styles added as Brand styles.
Delete a Text style
In the Builder, open the Brand styles tab.
Find the Text style you want to delete.
Click its three buttons icon.
Select Remove text and click Remove.