Order Confirmation · Studio

It opens: "Your order has been placed Order #1234567890 is locked in, we're prepping your Halo rings for shipment and will email the moment they leave our warehouse. Tracking lands in your inbox as soon as the carrier scans the package. Track...". Preheader: "Your Halo ring order #1234567890 is confirmed". 6 images, 2 Outlook-only blocks, no dark-mode query, web font.

The spread is what matters on this template: 100 in Superhuman against 67 in Outlook Classic, a 33-point gap across the same file. 6 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 140 warnings behind that score are concentrated there rather than spread evenly.

At 18.1KB compiled it has roughly 84KB 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: Line items, totals and the order reference. This is a receipt: the reader is looking for one number, and it should be findable without scrolling past a banner.

Leave alone: The table scaffolding around the item rows. Outlook derives row height from cell padding and ignores margins, so replacing the tables with divs turns an itemised receipt into touching lines of text.

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