Email marketing design decides three things before anyone reads a word: whether the email works on a phone, whether your firm is recognisable in a crowded inbox, and whether the one button gets pressed. This article answers two linked questions. First, which design practices actually change results for a B2B or professional services firm. Second, how to turn those practices into a small set of saved templates in the levelpartner.ai platform's email builder, so nobody on your team has to design from scratch again.
The rule behind every good design
One rule covers most of it: the email has to make sense on a phone in under ten seconds, in any inbox, with images switched off. Everything else is refinement.
Your reader is usually an owner or manager scanning an inbox between meetings. They decide in a few seconds whether to read now, later or never. A layout that looks elegant on the large monitor in the approval meeting often collapses into a long, confusing scroll on that phone.
The practices that matter most
One column
A single column reflows cleanly on every screen and in every email client. Multi-column layouts stack in an order you did not plan. Keep side-by-side layouts for audiences that genuinely read on desktop, which few firms have.
Text that is real text
Headlines and offers belong in live text, not inside an image. Many corporate inboxes block images by default, and screen readers cannot read words baked into a picture. If the email means nothing with images off, redesign it.
Readable body copy
Set body text large enough to read without zooming, with generous line spacing and dark text on a light background. Short paragraphs of two or three sentences do more for readability than any font choice.
One accent colour and one action
Use your brand accent for the button and very little else. When headings, links and borders all share the accent, the button stops standing out. Give the email one primary call to action with a label that says what happens, such as "Book a review call", and repeat it at the end only if the email is long.
Images as support, with alt text
Use an image where it shows something real: a person, a property, a result. Give every image alt text that describes it, so a blocked image still carries meaning. Keep the ratio of text to image high.
An honest subject line and a clean footer
The subject line and preview text should describe what is inside. The footer carries your business name, postal address, unsubscribe link and a line on why the reader receives your emails.
Dark mode and accessibility
Dark mode is now common and can invert background colours. Use a logo with a transparent background that works on both light and dark, avoid dark text placed on transparent images, and pick button colours that contrast in both modes.
An accessible email is easier for everyone to read. Write link and button labels that make sense out of context, keep contrast high and set a logical reading order. Screen readers read top to bottom, so a layout that only works visually confuses them.
What you get once it is set up
Three saved designs cover most firms: a branded master layout, a newsletter layout and a plain personal layout. Each uses the same colours, fonts, spacing and footer. Anyone on your team can start a new email from one of them without touching design settings, and every send looks as if it came from the same firm.
Before you start
- Your logo as a high-resolution PNG with a transparent background, and your brand colour codes.
- A web-safe fallback font that sits close to your brand font.
- A button colour with strong contrast against its text.
- A verified sending domain, so test emails reach real inboxes.
- The copy for your first email, written before you open the builder.
How to set it up
- Go to Marketing, open Emails and select the Templates tab.
- Click New and select Email Marketing Templates.
- Search the template library, or choose to build from scratch.
- Preview a design, then click Choose template to open it.
- Open the Add Elements panel and drag elements onto the canvas.
- Click each added element to customize its content and style.
- Use the Appearance settings to adjust the overall styling.
- Hover over your finished footer and click the Save icon.
- Click Save Template.
- Click Preview and check the Desktop, Tablet and Mobile views.
- Open the three-dot menu, choose Test Email and send one.
Once the master is saved, build the newsletter and plain layouts from it. Drag the saved footer in from the Saved Items panel so all three share one footer you only maintain once.
Picture an update built with three columns, a banner image with the headline inside it and four different buttons. On phones the columns stack into a long scroll, and with images off the headline vanishes. A rebuilt version would be one column, with the headline as live text and one button to book a review. You would expect replies and bookings to improve, and layout time per issue might fall from around two hours to twenty minutes once the template is fixed. The timings are hypothetical.
What it is for in a growing firm
For a 10 to 250 person firm, design is less about beauty than about consistency and speed. When revenue has stalled, you want your team writing and sending, not adjusting padding. Saved templates replace emails built from scratch by whoever is free that week, each with its own fonts and colours.
Upkeep is about an hour a quarter to check the templates still render well, plus a fuller review once a year or when the brand changes. Agencies may want a richer newsletter layout; consultants, mortgage brokers and real estate firms usually do best with clean, text-led designs. For where the subject, preview text and signature sit, read our guide to the recommended email marketing format. To get sign-off before a send, use an email marketing mockup and approval routine.
Designing for the person approving the email rather than the person receiving it. Approvers look at a wide screen with images loaded. Recipients look at a phone in an inbox that blocks images. Design and review in the mobile view first, then check desktop.
When not to use a designed template
Personal sales emails, follow-ups and replies should look like plain text from a person. A designed layout signals marketing, which is right for a newsletter and wrong for a one-to-one message. Keep the plain layout for those, and save design for newsletters and campaigns. If you start from a layout downloaded elsewhere, our notes on adapting free email marketing templates cover what to rebuild.
Troubleshooting
The email looks broken in Outlook. Some clients render layouts differently. Stick to simple blocks, avoid background images and send a test before every campaign. Our guide to testing templates across inboxes sets out a routine.
Fonts look different in some inboxes. Custom fonts are not supported everywhere. Always set a web-safe fallback that looks close to your brand font.
Images appear stretched or blurry. Upload images at twice their display width and set the display width in the builder.
The button disappears in dark mode. Choose button and text colours that contrast on both light and dark backgrounds, and test in dark mode before saving.
The email is clipped in some inboxes. Very long or code-heavy emails get truncated. Shorten the email and avoid pasting from word processors, which adds hidden formatting.
Frequently asked questions
What are the best practices for email design?
One column, live text rather than text in images, readable body copy, one accent colour for one clear button, alt text on every image and a clean footer. Test on a phone, in dark mode and with images off before every send.
How many email marketing design templates do we need?
Three covers most firms: a branded master, a newsletter layout and a plain personal layout. More templates usually mean less consistency, not more choice. A shared library is easier to manage with the habits in our guide to template emailing.
Should I use plain text or HTML email?
Use simple HTML for newsletters and campaigns, and plain-looking emails for personal follow-ups. The best newsletter designs often look close to plain text, with a logo and a single button.
Are GIFs a good idea?
Occasionally, if they explain something. Keep them small, and make sure the first frame makes sense on its own, because some clients show only that frame.