Newsletter · Studio

It opens: "Why your finger is the calmest screen We're glad you're here. This is our space for Halo ring drops, sizing tips, and the stories behind each batch, we share what we're building, what we're learning, and when limited finishes return....". Preheader: "The latest from Halo". Links: "Read More →". 8 images, 2 Outlook-only blocks, no dark-mode query, web font.

The spread is what matters on this template: 100 in Superhuman against 70 in Outlook Classic, a 30-point gap across the same file. 7 of the 21 clients render it without a single flagged property. Outlook Classic is the one to preview against after any edit, because it is where this template has the least margin, and the 130 warnings behind that score are concentrated there rather than spread evenly.

At 21KB compiled it has roughly 81KB of headroom before Gmail clips the message at 102KB and hides the rest behind a "View entire message" link. Inlined CSS and base64 images both count toward that, so watch it as you add sections.

Safe to customise: Section order, imagery and the number of stories. Newsletters are the one format readers scan rather than read, so the running order matters more than the copy inside any single block.

Leave alone: The single-column fallback below the media query. Outlook on Windows ignores the query entirely and renders whatever the table structure says, so a layout that only works inside the breakpoint collapses there.

Modified it? Check your version against the same 21 clients.