Campaign Monitor Email Design: Creating Campaigns Your Subscribers Open

Campaign Monitor built its reputation on design. When the platform launched, it was the choice for designers and agencies who cared about how their emails actually looked — clean interfaces, strong template options, and a drag-and-drop builder that respected visual hierarchy. That reputation has held. Today, Campaign Monitor remains one of the best platforms for brands that consider design a competitive advantage.

But good-looking emails and high-performing emails are not the same thing. This guide bridges that gap: how to use Campaign Monitor’s design tools to create emails that are both visually compelling and built to convert.

The Campaign Monitor Template Library

Campaign Monitor offers a library of professionally designed templates across categories: promotions, newsletters, announcements, events, and transactional. Each template is responsive by default, meaning it adapts to both desktop and mobile screen sizes without any extra configuration.

Starting From a Template vs. Building From Scratch

For most brands, starting from a template and customising it to match your visual identity is the right approach. Building from scratch gives you the most control but requires more time and a clear design direction. The risk with building from scratch is that you spend hours in the builder only to produce something that looks worse than a well-chosen template.

The smarter approach: browse the template library, select two or three options that feel closest to your brand’s aesthetic, then strip them back to a neutral base — your brand colours, fonts, and logo in place of the placeholder content. Save that as your master template. Every campaign you build starts from there.

Saving Custom Templates

In Campaign Monitor, any email you build can be saved as a template. Go to Templates > Save as Template once your master design is ready. This saves production time for every future campaign and ensures visual consistency across your sends.

If you manage multiple brands or clients within a single Campaign Monitor account, you can maintain separate master templates for each. This is one area where Campaign Monitor’s multi-client architecture genuinely shines for agency users.

Using the Drag-and-Drop Builder

Campaign Monitor’s drag-and-drop builder (called The Editor) is the primary design interface for most users. It operates on a block-based system: you drag content blocks — text, image, button, divider, social links — into a layout structure.

Layout Blocks vs. Content Blocks

Understanding the distinction between layout blocks and content blocks saves significant frustration. Layout blocks define the structural columns of a row (one column, two columns, three columns, sidebar layout). Content blocks go inside those layout blocks.

The most reliable email layouts for Campaign Monitor are:

• Single column: full-width layout, maximum readability on mobile, suits newsletters and plain editorial content
• Image left, text right: works well for product features and team introductions
• Two-column: suits product grids, comparison tables, and feature highlights

Avoid three-column layouts in the main body — on mobile screens, three columns stack vertically and the email becomes extremely long. Reserve three-column layouts for footer navigation links only.

Working With Colours and Typography

Campaign Monitor allows you to set global styles — font family, font size, text colour, background colour, link colour, and button style — at the template level. Setting these global styles correctly means you only need to override individual elements when there is a specific design reason to do so, rather than manually styling every text block.

For fonts, Campaign Monitor supports web-safe fonts (Arial, Georgia, Verdana, Courier) natively, and also supports Google Fonts via code integration. Web-safe fonts are the safest choice for deliverability and rendering consistency across email clients. If brand font consistency is important and your brand uses a custom typeface, consider using it in images (hero banners, headings rendered as images) while defaulting to a web-safe fallback for body text.

Button Design

Buttons are where many email designs underperform. The most common mistakes are buttons that are too small on mobile, buttons with insufficient colour contrast against the background, and buttons with generic copy (“Click Here”) instead of action-oriented copy (“Shop the Collection”).

In Campaign Monitor’s editor, set your primary button to a minimum height of 44 pixels for mobile touch targets. Use a background colour that contrasts strongly with both the button label and the surrounding email background. Write button copy that answers the question “what happens when I click this?” — “Get My Free Sample,” “See the Full Range,” “Book My Spot.”

Design Principles That Drive Email Performance

Good email design is not purely aesthetic. The layout choices you make directly influence how subscribers interact with your campaigns.

Visual Hierarchy

Every email should have one primary action — the thing you most want the subscriber to do. The visual hierarchy of your design should guide the eye to that action. This means making the primary call-to-action button the most visually prominent element below the hero image, keeping secondary links and navigation visually subordinate, and avoiding layouts where multiple elements compete for equal attention.

A common violation of this principle is the multi-column promotional email with six products, each with its own equally weighted “Buy Now” button. If six things are equally important, nothing is. Pick a hero product and feature it prominently; others can follow with smaller visual weight.

White Space

White space — empty space around and between elements — is one of the most underused design tools in email. It creates breathing room that makes content easier to scan and a design feel more premium. Brands associated with luxury, wellness, and premium quality use generous white space deliberately, because it signals quality without a single word of copy.

In Campaign Monitor’s editor, use the padding controls on content blocks (top padding, bottom padding, left padding, right padding) to add space consistently. A standard 20px padding around text blocks and 30-40px above major headings creates a clean, open layout.

Mobile Optimisation

Over half of all email opens happen on mobile devices. In Campaign Monitor, you can preview the mobile version of any email before sending via the Preview feature in the editor. Use it every time, not just occasionally.

The key mobile design rules are: single-column primary layout, no text smaller than 14px, buttons that are full-width on mobile (Campaign Monitor allows this in the button settings), and hero images that crop gracefully on smaller screens. Avoid placing important text inside images — it will be too small to read on mobile and will not scale with the user’s font size preferences.

Image-to-Text Ratio

The classic advice is to maintain a 60/40 ratio of images to text (60% text, 40% images) to avoid spam filters. In practice, the more important rule is never to send an email that is entirely images — some email clients block images by default, and an image-only email will arrive as a blank white screen for those recipients.

Every hero image should have alt text set in Campaign Monitor’s image settings. Every graphic containing important information (pricing, key offers, dates) should have that information replicated in text below the image. This is not just accessibility best practice — it is deliverability protection.

Campaign Monitor’s CSS Capabilities

For users comfortable with HTML and CSS, Campaign Monitor offers direct code editing alongside the visual builder. The Code view shows the full HTML of your email, which you can edit directly or paste in custom HTML blocks.

This is particularly useful for:

• Custom web font implementation via @import or <link> tags in the <head>
• Animated GIF optimisation and advanced image handling
• Custom button styles that go beyond the visual editor’s options
• Pixel-perfect brand typography matching when the standard options fall short

If you are using Campaign Monitor primarily for its design capabilities and have a designer on your team, the code access is worth utilising. It is the feature that separates Campaign Monitor from more restricted platforms in terms of creative control.

Why Design-Forward Brands Choose Campaign Monitor

Campaign Monitor’s design tooling attracts particular categories of brand: design studios, creative agencies, luxury consumer brands, hospitality businesses, and any organisation where visual identity is central to the brand experience.

The platform’s template quality sets a high floor — even a minimal effort with the builder produces something that looks professional. The global style controls make brand consistency achievable without developer involvement. And the multi-client architecture makes it genuinely practical for agencies managing multiple clients under one account.

The design emphasis does come with trade-offs. Campaign Monitor’s e-commerce automation depth and segmentation capabilities are not as advanced as Klaviyo or Omnisend. For pure e-commerce brands where segmentation and automated flows are the primary value driver, those platforms may be a better fit. But for brands where every customer touchpoint is a brand expression — where the email itself is part of the product experience — Campaign Monitor’s design infrastructure is genuinely best-in-class.

Pulling It All Together

The practical checklist for any Campaign Monitor campaign:

• Start from your saved master template, not a blank canvas
• Set global styles (fonts, colours, button styles) at the template level
• Use a single-column primary layout
• Set one primary call-to-action with action-oriented button copy
• Preview on mobile before scheduling
• Add alt text to every image
• Ensure all important information appears in text, not just images

At Excelohunt, we design and build Campaign Monitor templates that reflect our clients’ brand identities and perform consistently across email clients and devices. If your current emails do not look or perform the way you want, we can help diagnose and fix that quickly.

---

Related Excelohunt Services

Looking to implement these strategies with expert support?

• Campaign Monitor — learn how we implement this for clients
• Email Design — learn how we implement this for clients Get a free audit →