Configure your email layout and design with the Style tab

The Style tab controls your email's global design settings for a consistent look. From there, manage text appearance, colors, spacing, and button styles, to define your email's visual identity without individual block styling. You'll find key sections—each giving you control over a specific aspect of your email’s overall layout and design:

 

🎨 Brand library

🧩 Layout

↔️ Spacing

🔙 Background

🌐 Header

🖍️ Text styles and settings

🔗 Links

🖱️ Buttons

🎨 Brand library

Set up your brand library so that every new template you select will inherit your brand properties, such as logo, colors, fonts, and social media links. In addition to saving you time, brand library allows you to maintain consistent email branding.

brand-library_EN-US.png

➡️ To learn more about the brand library, check our dedicated article Automatically design your emails with your brand's assets using the brand library.

🧩 Layout

The body is the central part of the email that contains your actual message and content, displayed in a vertical layout. In the Layout section, you can choose your body width and color:

dde_body-settings_en-us.png

By default, the width is set to 600px, but when you change the width, the layout and content blocks are automatically resized. 

↔️ Spacing

The Spacing section allows you to add Padding, which is the space at the top and bottom of your email design. To set the padding, enter a value in pixels or use the + / − buttons.

dde_padding_en-us.png

You can either:

  • Leave the Group side box checked to apply padding to both the top and bottom of your email design, or
  • Uncheck the Group side box to adjust each side individually (top, bottom).

🔙 Background

You can choose either a background color or a background image for your email design:

🎨 Background color🏞️ Background image
dde_bckrg-color_en-us.png
💡 Good to know
When selecting a background color, it is applied to all content blocks across the full width of your campaign. If you want only the email body to have a background color, select a color in Layout > Body color instead.

🌐 Header

Toggle the Show 'View in Browser' Link option to allow your recipients to view an online version of your email campaign if they ever have trouble displaying it in their email clients. A View in browser link will automatically be added at the top of your email:

DEE_view-browser_EN-US.png

➡️ To learn more about the view in browser link, check our dedicated article Add a mirror link to your emails (View in Browser).

🖍️ Text styles and settings

💡 Good to know
Set up your brand library to choose fonts to use by default for your headings and paragraphs. To learn more, check our dedicated article Automatically design your emails with your brand's assets using the Brand Library.

You can choose the text appearance of each style separately (paragraphs, headings, etc). Select the style for which you want to set a font family, size, and color and select them from their respective drop-down lists:

dde_text-style_en-us.png
💡 Good to know
To add Google, custom or fallback fonts, click Manage web fonts from the Font drop-down. To learn more about how to add different fonts, check our dedicated article Add Google, custom, and fallback fonts to your email design.
In the Text settings section, you can also choose the line height from the default ones or create a custom height, and choose the writing direction (left to right or right to left) from all your texts:
dde_text-settings_en-us.png

➡️ To learn more about the Title and Text content blocks, check our dedicated article About the Title and Text content blocks.

🔗 Links 

From the Links section, define the default style of all the links of your newsletter. Choose their color and style (bold, italic, underlined):

dde_links-settings_en-us.png

🖱️ Buttons

From the Buttons section, define the default style of all the buttons of your newsletter. If you want to change the aspect of all the buttons quickly, do it from here!

You can choose your buttons' font style and size, width, corners, color, and border size and color: 

mceclip0.png

➡️ To learn more about the Button content block, check our dedicated article Insert effective calls-to-action (CTAs) in your email designs (button).

⏩ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo Agency partner.

💬 Was this article helpful?

8 out of 62 found this helpful