Home / , / Tiered accounts: Style Guide basics

Tiered accounts: Style Guide basics

Ⓘ Available to HQ, Essentials, Teams, and Corporate accounts

The Brand Manager is the central location for tiered accounts to create, organize, and share content with their subaccounts. For more information about the tools found in the Brand Manager, please refer to this article.

What is the Style Guide?

The Style Guide is an update to our Brand Manager, previously known as Assets, that offers Parents and Managers options to control what their subaccounts can do when using the editor or sending a campaign. It’s located in the Brand Manager section of the parent account. To navigate to the Style Guide when working in the parent account, simply click on the Brand Manager tab. If you are working in a subaccount, click on the house icon in the upper right corner of your screen and select Brand Manager from the dropdown menu.

Certain elements of the Style Guide are not available to all account types.

Changes that are made in the Style Guide are applied to all subaccounts. It is not currently possible to customize Style Guide settings for individual subaccounts.

Fonts

The Fonts section allows you to add custom fonts and manage the drag and drop editor’s default fonts.

Adding a custom font

At the top of the Fonts section is the Custom fonts tool, where you can add a custom font. Once added, your subaccounts will be able to see that custom font as an option in the drag and drop editor. To add a custom font, follow these steps:

  1. Click on the Add font button.
  2. In the pop-up window that appears, enter the font name and CSS URL.
  3. Click on the Save button.

All CSS URLs must be delivered on the HTTPS protocol, with a valid SSL certificate. Also, Policy CORS must be enabled in the host to deliver the font files. This is particularly important if you are hosting the CSS and font files yourself. If you are not hosting the CSS and font files yourself, this is less of a concern, as organizations such as Google Fonts, Adobe Fonts, etc. already meet these requirements.

You should now see your new font displayed in the Custom fonts section of the Style Guide. Be sure to save your changes by clicking the Save button at the top of the Style Guide before you leave the page. Please note: Due to caching, it may take a few minutes for the new custom font to appear in the drag and drop editor.

Managing the editor’s default fonts

To add or remove the default fonts from the drag and drop editor, scroll down to the Editor fonts section. To remove a default font from the editor, simply uncheck the corresponding box; once unchecked, that font will no longer appear in the editor’s font dropdown menus for any of your subaccounts. To return a default font to the editor, just check the box again. Be sure to save your changes by clicking on the Save button at the top of the Style Guide before you leave the page.

Please note: Due to caching, it may take a few minutes for the updates to take effect in the drag and drop editor.

Text styles

The Text styles section allows you to edit the default settings for the heading and paragraph text style defaults that appear in the drag and drop editor. This feature is only available to Teams and Corporate accounts.

Editing text styles

  1. Click on the pencil icon next to the element you want to edit.
  2. In the pop-up window that appears, use the dropdown menus to customize the element.
  3. Click on the Save button.

You should now see your changes reflected in that element’s preview on the Text styles page.

Disable changes

You can prevent users from modifying text styles in a campaign by checking the Disable changes in editor box.

When this box is checked, subaccount users will be forced to use the default formatting that you’ve chosen in the Text styles tab. Be sure to save your changes by clicking on the Save button at the top of the Style Guide before you leave the page.

Subaccount users will no longer see the ability to change the font, weight, size, letter spacing, or line height when editing a campaign. Instead, they will be able to see a modified Content properties panel.

Colors

The Colors section allows you to add custom colors. These colors will be visible as default color swatches in the drag and drop editor. This feature is only available to Teams and Corporate accounts.

Adding a custom color swatch

  1. Click on the Add color button.
  2. In the pop-up window that appears, enter the desired hex code. You can also click on the color swatch and select a color from the color picker or enter the color using RGB values.
  3. Click on the Save button.

You should now see your new swatch displayed on the page. Please note: Due to caching, it may take a few minutes for the updates to take effect in the drag and drop editor. Be sure to save your changes by clicking on the Save button at the top of the Style Guide before you leave the page.

Additional resources