The all-in-one platform
for internal communications.

Staffbase-Produkte für
Interne Kommunikation.

Articles in this section

Managing Email Designer Branding

Avatar
Olga Klenner
 
Admin

Create customized colors, default fonts, and links for your emails that align closely with your organization's branding requirements.

In This Article

How To Set Email Branding

Brand_Settings_crop.png

On the Settings page, click Branding.
The menus on the Email Designer tab enable you to change the following default settings:

Colors

Brand_Settings_Colour_crop.png

You can set custom colors by either changing the existing colors or by adding additional colors in the empty color boxes provided. 

  1. Click the + icon or the current color displayed in a color box
  2. Select your color or add your HEX / RGB code
  3. Name your color
  4. Click Add

Once you've selected and saved your default colors, they are displayed in the color pickers for text, buttons, and backgrounds in the Email Designer.

You can learn more about formatting text in the Email Designer here.

We recommend limiting your palette to primary, secondary, and text colors (black, grey, white, and links).

Fonts

Brand_Settings_Fonts_crop.png

Select your organization's default Primary Font and Secondary Font. If you have already configured any custom fonts, this is where you are able to select them as defaults.

Please note that due to licensing agreements, we may not be able to fulfill all custom font requests.

Click here to learn more about the fonts supported by Employee Email.

Once you've selected and saved your default fonts, they are displayed at the top of the font picker in the Email Designer.

Links

Brand_Settings_Link_Color_new_crop.png

Select a Link Color and a Link Style of Bold, Italic, or Underline.

The Previews display how your links will look in your primary and secondary fonts.

Buttons

Brand_Settings_Buttons_crop.png 

Select a default BG Color to display behind your button text, plus a Font Color, and Font Size. Optionally, toggle Advanced options to adjust Padding Width, Padding Height, and Corners.

The Button Preview displays what your buttons will look like in the Email Designer.

Social Icons

Brand_Settings_Social_Icons_Overview_crop.png

Choose a default set of social icons to display in the Email Designer and rearrange the order based on what is important to you.

The Social Preview displays what your buttons will look like when you add a Social Links element or quick block in the Email Designer.

  1. Click Search social icons
    A list of existing social icons displays
    Brand_Settings_Social_Icons_crop.png
  2. Click + or x to add or remove icons for your default set, or click the up and down arrows to change the order
  3. To add an icon that is not already on the list, click Upload custom icon
  4. Name your new icon and click Upload
    When uploading custom icons, we recommend using a 28x28px PNG file with a transparent background
    Brand_Settings_Social_Icon_Upload_crop.png
  5. Click Add
    Your new icon is added to the list that appears when you click Search social icons
    Brand_Settings_Social_Icon_Add_crop.png

How To Set Branding Permissions

If enabled, restrict users in your organization so that they are only able to use your default brand-aligned colors and fonts in their Email Designer drafts and templates.
Ask Staffbase Support or your Customer Success Manager for details.

Brand_Settings_Permissions_crop.png

To restrict on a per-user basis, follow these steps:

  1. On the Team page, click the 3 dots next to the team member's name and select Edit User.
  2. In the Feature Access section of their profile, uncheck the box for Styling Access.
  3. Click Save & Update.

Related articles

Comments

0 comments

Please sign in to leave a comment.