Promotional (Sale) Email Template

This template was built for a demo home-goods brand called OSSE, and it reads top to bottom as one clear offer.

It opens with a small wordmark row: the brand name on the left, a thin uppercase tagline (Objects for the home) on the right. Then a full-bleed hero image of a styled room. Below that, on a stone-gray background, the headline The winter edit is here. runs large at 52px in a Space Grotesk display face, with one line of supporting copy: best-sellers marked down 25 percent through Sunday, no code needed.

There is one primary button, an electric cobalt block reading Shop the edit. That is the single-message discipline. The whole email points at one action.

Next comes a featured product on a white panel: the Arc Table Lamp, with a Most wanted eyebrow, the sale price beside a struck-through original ($146 from $195), a short honest description, and a secondary outlined Add to cart button. Then a two-up row, Also on sale, showing the Ribbed Vase and the Stone Bowl, each with its own strikethrough price. The email closes on a cobalt band with the deadline, Ends Sunday, 11:59pm, plus a shipping and returns line, then a plain footer with view-in-browser, address, unsubscribe, and update preferences.

The palette is deliberate and small: off-black ink, one cool stone neutral, and a single saturated cobalt accent that carries the eye from the main button down to the closing band. Sale prices are anchored by the crossed-out original so the discount reads instantly. Nothing competes with the offer.

Promotional emails fail when they look fine in Gmail and break in Outlook. This one is built to avoid that.

The layout is a stack of tables locked to a 600px container, not divs and flexbox, because Outlook on Windows uses Word to render and ignores most modern CSS. Every style is inline on the element, so nothing depends on a head stylesheet that some clients strip. The headline, prices, and body copy are all live text, not baked into an image, so they stay sharp, stay readable for screen readers, and survive when a recipient blocks images.

The main button is bulletproof. For Outlook it uses VML roundrect markup so the cobalt fill and label still show; every other client gets a normal padded link. Images carry width, height, and alt text, and a fluid class lets them scale down on phones through a mobile media query that also bumps up the headline and stacks the two-up products into one column.

The head sets color-scheme to light so the design holds its look in dark mode instead of getting auto-inverted into muddy grays. A hidden preheader feeds the inbox preview line, and MSO conditional comments handle the Outlook-specific quirks. A web font loads where it is supported, like Apple Mail, and falls back cleanly to Helvetica and Arial everywhere else.

You can ship this in a few minutes.

Copy the full HTML. In Klaviyo, create a campaign or flow email, choose the HTML editor (or drop an HTML block into the drag-and-drop editor), and paste it in. In Mailchimp, start an email, pick Code your own, then Paste in code, and paste the same HTML.

Swap the brand details. Replace OSSE with your brand name, change the cobalt accent color (#2b39ff) and the stone background (#e4e3de) to your own, and update the hero image, product photos, names, prices, and the strikethrough originals. Point every link, currently set to example.com, at your real shop and product pages. Edit the subject line and preheader at the top of the file. Keep the discount, the deadline, and the single main button intact so the email stays focused.

Then test before you send. Use your ESP's inbox preview or send a test to yourself and open it in Gmail, Apple Mail, and Outlook, and check it once in dark mode. Confirm the prices, the discount, and the end date are correct, then schedule or send.