Mailjet's Brand Kit: Consistent Branding

Maintaining a consistent brand identity across all marketing channels can be challenging, especially when it comes to email campaigns. Mailjet’s new Brand Kit feature aims to simplify this by allowing you to create a cohesive look for all your emails. With Brand Kit, you can save and apply brand colors, fonts, and logos effortlessly, ensuring every campaign looks polished and on-brand.

This guide will walk you through setting up your Brand Kit, using the feature effectively, and integrating your brand elements seamlessly into your email campaigns.

1. Accessing the Brand Kit

To access your Brand Kit:

1. Open your Mailjet Dashboard.
2. In the left-hand menu, expand the Content section.
3. Click on Brand Kit.

This will take you directly to the Brand Kit where you can manage your logos, brand colors, fonts, button styles, and social settings.

2. Setting Up Your Brand Kit

On the Brand Kit Set-Up screen, you have two options:

• Enter a URL: You can enter your website URL, and Mailjet will automatically suggest colors and themes based on your site.
• Create Kit from Scratch: Alternatively, you can manually configure all brand elements, such as colors, fonts, and logos.

Enter your website URL or select Create Kit from Scratch to proceed.

3. Adding Brand Colors

The next step involves setting your brand’s color palette. You’ll find options for:

• Primary and Secondary Colors: The main colors for your brand.
• Accent and Button Colors: To be used for calls to action or important highlights.
• Background and Text Colors: To ensure clear readability across different email elements.

You can enter color codes directly or use the color picker to find the perfect shades.

Once the colors are added, they will be visible in the Brand Kit editor, making them easily accessible for future use.

4. Selecting Brand Fonts

Fonts play a crucial role in your brand’s personality. Use the Fonts section to select fonts for different text types:

• Heading, Subheading, Paragraph, and Links: Choose distinct fonts for each category to ensure your brand style is consistent and easy to read.

Simply use the dropdown menus to select your preferred fonts for each section.

5. Selecting Social Channels

You can now save your preferred social channels and corresponding profile links in your Brand Kit.

• Automatic scraping will retrieve Facebook, LinkedIn, and X (formerly Twitter) profiles when possible.
• You can manually add or update any social channel and its link.

Social styling options:

• Color: Choose whether the social icons use the Brand Kit’s accent color, default platform colors, or a custom color. This gives you full control over how your social icons appear in your emails, matching your brand palette or maintaining each platform’s signature look.

6. Button Styling

Customize the look and feel of buttons used in your emails by defining their shape, style, color, and font.

• Button Font:
  Set a specific font for buttons, independent from the main template font.
• Shapes Available:
  • Square — Corner radius = 0 (not editable).
  • Rounded — Default corner radius = 3 (editable up to 20).
  • Pill — Corner radius = 25 (not editable).
• Styles Available:
  • Outlined — Transparent background with colored border.
    Border weight is customizable (default value applied).
  • Filled — Button background filled with color.
    Border weight is disabled for filled buttons.
• Adjust Padding:
  You can now fine-tune the internal padding of your buttons:
  • Set Top, Bottom, Left, and Right padding values individually.
  • Lock or unlock the padding for uniform adjustments.

7. Uploading Your Brand Logo

Next, upload your brand’s logo so it’s readily available during email creation:

• Click Import logo variation to add your logo.
• You can also specify logo variations for use on dark and light backgrounds, ensuring your logo looks great no matter the context.

• Add a Logo Redirect URL — a destination link that will be associated with your logo. When recipients click on your logo in an email, they'll be redirected to this URL.
  
  • Field name: Logo Redirect URL
  • Tip: This is the link where your contacts will land when they click on your logo.
  • The same URL applies to both light and dark logo variants.
  • If you scrape your Brand Kit, the redirect URL will be retrieved automatically when available.

Logos are a key visual element that helps maintain brand recognition in every email you send.

8. Saving Preferences and Creating Brand Kit Templates

Now that your Brand Kit is configured, be sure to click Save to store your preferences. Once saved, these settings will be available for use in a new email template. After saving, simply click Create New Template—either from this page or the Email Templates page. You’ll then be prompted to select the email type:

• Marketing, Transactional, or Automation.

Select one and click Apply Brand Kit to populate your email template with the branding elements you configured.

9. Editing Your Template with Brand Kit Elements

In the email editor, your selected colors, fonts, and logo will be automatically applied. This ensures your campaigns are visually consistent and fully branded without manual adjustments every time. You can further customize the template by adding text blocks, buttons, images, videos, and other elements.

10. Brand Kit Logo Component in the Email and Landing Page Builder

We’ve added a new "Logo" component to the email builder, making it even easier to integrate your logo into your templates.

Key Features:

• If you have a Brand Kit with a saved logo, a Logo component with a preview of your logo will appear in your builder.

  

• Simply drag and drop the logo into your template.
• The logo behaves similarly to an image block but:
  • It’s centered by default.
  • It doesn’t have the standard image toolbar, simplifying its behavior.
  • It will automatically adjust to the background color:
    • Light background → light logo variant.
    • Dark background → dark logo variant.
• Logo Redirect URL (if set in the Brand Kit) will automatically be applied to the logo.

Behavior When No Logo Is Available:

• If your Brand Kit doesn’t have a logo, the Logo component will be hidden in the builder.
• If a logo is deleted from the Brand Kit, the Logo component will no longer appear.

Managing Existing Templates:

• Logos already placed in templates will not be removed, even if you update or delete logos from your Brand Kit.
• If you replace a logo in the Brand Kit, previously created templates will retain the old logo.
• If you duplicate a template, the logo will be preserved in the duplicated version.
• If you delete a logo and later upload a new one, you must manually reinsert the new logo into your templates.

11. Brand Kit Toggle

Within the Settings panel of the editor, you’ll find the Brand Kit toggle.

• What it does:
  The Brand Kit toggle controls whether your saved Brand Kit settings (colors, fonts, button styles, social styles) are automatically applied to new content you add to your email.
• When turned ON:

  • Your Brand Kit styling is applied as you drag and drop blocks/elements into the template, keeping new sections consistent with your brand.

  • If you update your Brand Kit later, the updated styles will be used for newly added elements/sections going forward.

• When turned OFF:

  • Newly added blocks/elements will use the editor’s default styling instead of your Brand Kit.

  • You can style each element manually, which is useful when you want a different look for a specific campaign.

12. Applying Your Brand Kit to Prebuilt Templates

In addition to creating templates from scratch or updating your existing designs, you can also apply your Brand Kit to a selection of Mailjet’s prebuilt templates. Some of our prebuilt templates include a paint palette icon (typically in the lower-right corner of the template preview) indicating they support Brand Kit styling. Here’s how it works:

1. Choose a Brand-Kit-Compatible Template
   • Access the Mailjet Template Gallery and navigate to the Marketing Templates section. Click on Create a New Template to get started.
     
   • Look for any template that has a paint palette icon. This icon means the template is configured to inherit Brand Kit styling automatically.
     
2. Preview the Template
   • Click on Select to preview the template and see how the layout is structured.
   • In the preview pane, note the “Apply Brand Kit” toggle in the upper-right corner. If the toggle is ON, you’ll see your Brand Kit colors, font styles, and logo already applied to the template.
     
3. Name and Use the Template
   • Give your new template a name in the “Choose a name for your new template” field.
   • Click Use this template to add it to your account and continue editing in the drag-and-drop builder.
4. Customize Further
   • Once the template has been created, you can still edit anything you like: adjust colors, fonts, or structural elements if needed. Your Brand Kit styling serves as a starting point for brand consistency.

This functionality lets you quickly spin up emails that already match your overall look, saving you time and ensuring brand consistency across your campaigns. Just watch for that paint palette icon in the template gallery!

13. Managing Brand Kit Settings

If you need to edit or reset your Brand Kit:

• Click on the three dots ( … ) in the Brand Kit settings page.
• Choose Edit to make changes or Reset if you want to start over.

Selecting Reset will prompt a confirmation dialog, allowing you to confirm whether you want to proceed.

How to give or remove access to a shared account

If you plan to grant or remove access to this feature to a shared account, you can do so from the account sharing page.

Simply click on cogwheel icon and choose “Edit”.

Then check or uncheck the Brand Kit box and update the access.

Conclusion

Mailjet’s Brand Kit is designed to simplify your branding process and ensure consistency across all email campaigns. By saving your brand colors, fonts, and logo in one place, you’ll be able to maintain a professional and cohesive look for every communication.

Start using Brand Kit today and elevate your email marketing with consistent branding that reflects your business identity.