Email Newsletter Design: A Practical Guide

Quick answer: Great newsletter design is mostly subtraction: one column, one good typeface, clear hierarchy, restrained color, images with a job to do. Email clients reward simplicity — and in Ghost, the design layer is a settings screen (background, fonts, buttons, header image), not a template you code. Here’s the practical checklist.

Design for the Inbox, Not the Browser

The first rule of newsletter design is knowing where it renders: email clients are a decade behind browsers. No custom layouts that depend on modern CSS, inconsistent font support, unpredictable dark-mode handling, images off by default in some clients. Every decision below follows from that constraint — the designs that win in email are the ones that can’t break.

That’s also why “design” in email is mostly typography and spacing. Readers decide in seconds whether an issue looks like work to read; your job is to make the answer obviously no.

Layout: One Column, Ruthlessly

Stack everything in a single column. Most opens happen on phones, and a single column is the only layout that renders identically in effectively every client.

• Multiple stories? Stacked sections with clear headings and dividers — not side-by-side columns.
• Width: keep the content column narrow. Long lines exhaust readers; email’s typical rendering widths naturally enforce this if you don’t fight them.
• Spacing is design. Generous gaps between sections do more for perceived quality than any decorative element.

Typography: One Face, Clear Hierarchy

Pick one readable body typeface and let hierarchy do the work: a strong headline, distinct section headings, comfortable body size. Email font support is patchy — system fonts and widely supported families render most reliably, and whatever you choose needs a sane fallback because some clients will substitute it anyway.

The test: squint at the email. If you can still tell headline from section from body, the hierarchy works.

Color and Dark Mode

Use color like punctuation — an accent for links and buttons, not a paint job. Two defensive rules:

1. Avoid extremes. Pure white backgrounds with pure black text invert harshly in clients that force dark mode; slightly softened values survive inversion better.
2. Logos on transparency. A dark logo on a transparent background disappears in dark mode; keep a version with padding or an outline that works on both.

Dark mode in email is only partially yours to control — some clients recolor messages on their own — so test your design in a dark-mode inbox before trusting it. (On the website side of your publication, dark mode is fully controllable — it’s a standard feature of good Ghost themes.)

Images: Fewer, Lighter, Labeled

Images make issues heavier, slower, and — in clients that block them by default — optional. Use them when they carry information, and always with alt text so the blocked-image version of your email still makes sense. A header image sets identity; after that, every image should earn its scroll.

The Parts People Forget

• The sender name and subject line are your real “above the fold” — no design survives an unopened email.
• The footer is trust surface: who you are, why they’re receiving this, and a working unsubscribe. Confident unsubscribe links read as respect, and deliverability depends on them.
• The welcome email is the most-opened thing you’ll ever send — design it first, not last.
• Consistency beats novelty. A recognizable issue shape trains readers to know where to look; redesign rarely.

Doing All This in Ghost

Ghost treats newsletter design as configuration, not templating. Under Settings, each newsletter carries its own design: background color, body font, heading styles, button style, header image — applied to every issue automatically, editable without code. Because a site can run multiple newsletters, each can have its own look for its own audience, and on Publisher plans and above your email sends from a custom domain that matches your site.

The Ghost newsletter guide covers the full setup around it — delivery, segmentation, analytics — and if you’re still choosing where to publish, the best newsletter platforms comparison weighs Ghost against the field.

One more design advantage of publishing this way: your newsletter and your website share an identity. The same publication that lands in the inbox lives at your domain, styled by your theme — which is where design control is total. That pairing (email restraint + a distinctive newsletter website theme) is what makes small publications look like institutions.

The Checklist

Before you send: one column · one typeface with fallback · clear headline/section/body hierarchy · accent color only · no pure black-on-white · logo survives dark mode · images have alt text · footer has identity + unsubscribe · welcome email designed · tested on a phone and in a dark-mode inbox. Design done — go write the thing people open it for.