A newsletter is not a web page. It renders inside dozens of mail clients with wildly different ideas about CSS, on screens from a widescreen monitor to a cracked phone held on a train. Design decisions that are trivial on the web — custom fonts, complex grids, background images — become gambles in the inbox.
The good news is that the constraints point in a helpful direction. The designs that survive every inbox are also the ones that are easiest to read, easiest to act on, and least likely to trip spam filters. This guide covers the practices that hold up everywhere.
Single column, mobile first
A single-column layout is the closest thing email design has to a universal answer. Multi-column layouts that look elegant on desktop collapse unpredictably on phones: columns stack in the wrong order, side-by-side images shrink to thumbnails, and text ends up microscopic. One column reads naturally on every screen without any of that fragility.
Design for the phone screen first, then confirm it still looks right on desktop — not the other way around. A large share of subscribers will only ever see your newsletter on a phone, so that version is the real one. Keep the content column comfortably narrow, keep body text large enough to read without zooming, and make buttons big enough to tap with a thumb.
This is also where templates earn their keep. Build the single-column skeleton once, test it across clients once, and reuse it. A drag-and-drop editor like the one in Bazooka Email produces mobile-friendly single-column structure by default, which removes the most error-prone part of the job.
Hierarchy: one email, one primary action
Every newsletter should answer a question before a single pixel is placed: what is the one thing a reader should do? That action gets the prominent button, the visual weight, and a position high enough to reach without much scrolling. Everything else in the email is supporting material. If you cannot pick one action, you are really writing two emails, and splitting the content will serve both goals better than making them compete.
When every link is styled as a button, no button matters. Secondary items — related posts, social links, minor announcements — belong as plain text links or quieter styling further down. A reader skimming for three seconds should be able to identify the point of the email without reading it.
Hierarchy also means order. Lead with the most important content, not with a stack of logos and preamble. The top of the email is the only part you can be sure gets seen.
Balance images and text — and never send image-only
The tempting shortcut of designing a beautiful graphic and sending it as one big image fails in two separate ways. First, accessibility: screen readers find nothing to read, and any subscriber whose client blocks images by default sees an empty rectangle where your newsletter should be. Second, spam filtering: messages that are essentially all image and no text are a classic spam pattern, and filters treat them with suspicion.
Keep real, selectable text as the backbone of the email and use images to support it — a product photo, a chart, a header graphic. If the images never load, the email should still make complete sense and the primary link should still be reachable. That single test catches most image-related design mistakes before they ship.
The blocked-image state is easy to preview, too. Most clients let you toggle images off, so put your template through that view once per design and after any major change. It takes a minute and it shows you exactly what your most cautious subscribers see.
Typography and dark mode
Custom web fonts are unreliable in email; many major clients ignore them and substitute their own defaults. Build your design around a web-safe stack — the familiar system fonts every device already has — so the fallback is the design rather than a surprise. Save personality for color, spacing, and imagery, which travel far better than fonts do.
Dark mode adds a second rendering of every email you send, and some clients invert your colors whether you planned for it or not. Pure black text on pure white backgrounds usually converts cleanly; the traps are logos with dark text on transparent backgrounds, which can vanish entirely, and hard-coded light backgrounds behind dark text that clients partially invert into muddy results.
Test in at least one dark-mode inbox before every campaign. Favor transparent-background logos with a safe outline or padding, and avoid relying on subtle color differences that inversion will erase.
Alt text and accessibility basics
Accessibility in email is mostly a handful of habits applied consistently. They cost minutes and they widen your audience with every send.
- Write alt text for every meaningful image, describing what it shows or does — and leave alt text empty for purely decorative spacers so screen readers skip them.
- Keep text contrast strong against its background, in both light and dark renderings.
- Make link text descriptive: a reader hearing only the links should know where each one goes, which rules out bare click-here labels.
- Use real heading structure rather than just bolded lines, so assistive technology can navigate the email.
- Keep font sizes readable without zooming and leave generous spacing around tap targets.
The footer is not an afterthought
The footer does quiet but essential work. A working, obvious unsubscribe link is both a legal requirement in most jurisdictions and a pressure valve: subscribers who cannot find it use the spam button instead, which damages your deliverability far more than any unsubscribe.
Include your physical mailing address, which commercial email laws broadly require, and a short permission reminder — one line explaining why the reader is receiving this, such as having signed up on your site. That sentence rebuilds context for subscribers who forgot they joined and measurably lowers the temptation to mark you as spam. If you offer frequency options or topic preferences, link them here too; a preference page catches people who would otherwise leave entirely.
Consistency compounds
A recognizable template is a trust signal. When your newsletter uses the same layout, colors, and voice every time, subscribers process it faster, spot it in a crowded inbox, and know exactly where to find the content they care about. Novelty in email design mostly buys confusion.
Lock your template and change it deliberately, not per campaign. Small refinements are fine; full redesigns should be rare events with a clear reason behind them, because every redesign resets the recognition you have built. Keep a short pre-send checklist — mobile view checked, dark mode checked, images blocked test, alt text present, footer complete, one clear primary CTA — and run it every time. Consistent structure plus a two-minute checklist prevents the vast majority of design failures that ever reach an inbox.
Put it into practice
Bazooka Email gives you the editor, automation and deliverability tools to act on everything above — free to start, no card required.