Skip to main content
All CollectionsEmail BuilderEmail Builder Articles
Appearance and Global Email Settings
Appearance and Global Email Settings

Unlock the power of unified branding and design control with email styles

Keith Gentile avatar
Written by Keith Gentile
Updated over a week ago

The smallest details can make all the difference when presenting your work digitally via email. These details can influence whether someone resonates with your work, clicks through to your website, or considers hiring you. Let's break down how to use our Email Builder to its full potential to produce beautiful email promotions.

Appearance Settings

Within the appearance tab, you'll find a range of global settings that shape the overall look and feel of your email. From exploring the style of stripes and headings to configuring buttons, mobile formatting, and other general settings, these themes lay the foundation for your email design.

General Settings

General settings encompass crucial elements such as email width, alignment, default padding, background color, fonts, spacing, link styling, responsiveness, text direction, and background image preferences. These settings are applied globally, influencing all components of your email design, including stripes, structures, and modules. Ensuring accurate general settings not only expedites the email design process but also maintains consistency and reinforces your brand identity throughout your campaigns.

Message Width: This option adjusts the width of your email to suit your design needs. Industry standard email widths are between 600px-700px.

Message Alignment: Determines the alignment of text within your email—whether it's aligned left, right, or centered—for optimal presentation and visual appeal.

Default Padding: Controls the spacing around images or text.

General Background Color: Adds a background color to your email.

Font: Sets the default font for consistency across your email content.

Line Spacing: Adjusts the "leading" or space between each line of text.

Underline Links: It's common for links to be underlined, making them easily identifiable, but some designs prefer a "cleaner" look, so they can be removed using this setting.

Responsive Design: Tailors email layout for mobile devices, ensuring effortless viewing across a range of screen sizes for a consistent user experience.

RTL Text Direction: Automatically adjusts the text direction from right to left, facilitating proper alignment for languages that require this formatting.

Background Image: Incorporates a image behind an email's content, allowing for rich and interesting visual appeal.

Stripes Settings

Similar to the general settings, the Stripes Settings serve as global configurations, guiding the builder's behavior when incorporating Header, Content, Footer, and Info Area Stripes. Within each of these Stripes, you'll encounter a set of standardized settings aimed at ensuring consistency and ease of use across your email design.

Text Size: Adjusts the size of text within containers, blocks, and modules within a stripe, ensuring visual consistency and readability.

Background Color: Sets the background color of the stripe. While the default is transparent, you can choose any color using the color picker or a custom hex code.

Content Background Color: Similar to the background color, this setting specifically controls the background color of the content area within the stripe.

Font Color: Establishes the default font color, maintaining brand consistency and reinforcing your visual identity throughout your email design.

Link Color: Specifies the color of hyperlinked text, ensuring it is seamless with your design scheme, enhancing the coherence and professionalism of your email.

Background Image: Allows you to add a background image specifically behind the designated stripe area, enhancing visual appeal and branding.

Heading Settings

This section sets the default font, sizes, line spacing and colors for headings commonly used throughout an email design. The values specified here should be used to create consistency across all blocks and modules.

Button Settings

This section has options to specify the default look and feel of all buttons used within the email design.

Button Color: This option specifies the button's color.

Highlight Hovered Buttons: This optional feature allows buttons to change color when they are hovered over, making it more obvious that they are clickable.

Font Color: The color of the button's text.

Text Style: These options set the button's default font, size and styling characteristics.

Border Radius: This option is used to create rounded corners on buttons.

Border: Optionally add a border to buttons, controlling it's width and color.

Internal Padding: These controls are used to specify the buttons overall size along with how much space should be between the button's text and each edge.

Mobile Settings

Ensuring optimal mobile compatibility is essential as more than 50% of recipients are likely to view emails on their phones. Our mobile settings empower you to tailor the email viewing experience specifically for mobile devices. For instance, while a font size of 36px may be suitable for desktop viewing, it might appear oversized on a phone screen, necessitating a reduction to 16px. These settings enable you to seamlessly adapt email content for different devices, ensuring a consistent and engaging user experience across all platforms.

Size of Text: Adjust the text size across various sections such as headers, content, footer, info area, and menu items to ensure optimal readability and visual hierarchy.

Heading: Manage the size of H1, H2, and H3 headings used in your email and customize line adjustments for optimal alignment.

Button Text: Customize the text size within buttons to ensure clarity and prominence on mobile devices.

Full-Width Buttons: Control the width of buttons to ensure they are optimized for mobile viewing and provide a seamless user experience.

Content Margins: Adjust the margins of your email content specifically for mobile viewing, ensuring optimal spacing and readability.

Did this answer your question?