Knowledge Base/Email Marketing

Email Design: Mobile-First, Accessible, On-Brand

5 min read|Email Marketing
Email design mockup on screen

Great email design drives conversions, not just aesthetics. Here’s what actually matters in 2026.

Design Mobile-First, Always

70%+ of emails are opened on mobile. Design for mobile constraints and upscale for desktop: single-column layouts, 16px minimum body text, 44px minimum tap targets, images that render on narrow widths. Don’t design on desktop first then pray it works on mobile — the result is emails that look fine on your MacBook and terrible on the devices where people actually read them.

Build for Scanning, Not Reading

Recipients spend 6–11 seconds on an email. They scan; they don’t read. Design for scannability: short paragraphs (1–3 sentences), clear subheadings every few lines, bullet lists, one obvious CTA per screen. Bold the most important phrases so skimmers catch them. If the key information isn’t visible without reading carefully, it won’t be seen at all.

Accessibility (WCAG)

Accessible emails aren’t just the right thing to do — they convert better (more readable for everyone). Essentials: alt text on every image (also shown if images don’t load), 4.5:1 contrast ratio for body text, semantic headings (not just bolded paragraphs), left-aligned body text (not centered blocks), and avoid text-in-images. Screen reader users, vision-impaired users, and low-bandwidth users all benefit.

Balance Images and Text

50% text, 50% images is a rough rule. Image-heavy emails get flagged by spam filters and render poorly when images are disabled by default (most corporate inboxes). Pure-text emails feel amateur. Mix: hero image at top, key copy below, smaller supporting images, clear text-only CTA. Always have a live-text fallback — the email should tell the story even with images off.

On-Brand, Not Just Pretty

Emails are an extension of your brand. Use brand colors, fonts (with web-safe fallbacks), tone of voice, imagery style. Don’t reinvent visual design per email — create a template library reflecting your brand and iterate. Consistency across 100 emails over a year builds brand recognition; random-looking emails damage it. ESPs like Klaviyo, Mailchimp, and HubSpot all support custom branded templates.

Dark Mode Considerations

30%+ of users read emails in dark mode. Most ESPs auto-invert colors, sometimes badly — white logos on dark backgrounds can invert to black on white, destroying branding. Test in Apple Mail, Gmail, Outlook in both light and dark modes. Use transparent PNGs for logos (they work in both modes), avoid dark-background image tiles that become light background in dark mode (visible seam). Test, don’t assume.

Need help with email marketing?

Get a free audit of your email marketing setup. We’ll show you exactly where the opportunities are.

Get Free Audit →
Get ProposalInstant SEO Audit