Event / webinar invite email template

The template is built around one event and one action: register. It uses the demo brand Cadence and invites readers to a developer summit called Ship Week 2026. Nothing competes with the seat-saving button.

The layout reads top to bottom in a clear order. A small wordmark sits at the top with a cobalt square mark and a quiet "Developer Event" label on the right. Below it, a full-bleed cobalt hero band (#2f45c4) carries a white headline set in Archivo at 54px: "Ship Week 2026." An orange "LIVE" tag (#e8612a) sits above it. That orange is the only warm color in the whole email, so it pulls the eye to the one thing that signals urgency. A short paragraph under the headline explains what the session covers in plain terms.

Next comes the part most invites get wrong: the logistics. A bordered three-cell block lays out Date, Time, and Format side by side, each with a small uppercase label and a bold answer. On mobile those cells stack into a clean vertical list. Right after it sits the primary call to action, a cobalt button reading "Save my seat," followed by one honest line of proof: "Free to attend. 620 of 750 seats remaining."

The lower half builds trust without adding a second goal. Three speakers appear with round photos, names, and a single specific credential each. An agenda teaser in a light cobalt panel lists three timestamped items so readers know what the 90 minutes hold. A second, outlined "Add to calendar" button is the only other action, and it is deliberately quieter than the main one. The footer carries the brand, a real mailing address, and unsubscribe and preferences links.

The type and color choices are disciplined. Deep navy ink (#1a2238) on a cool white ground, cobalt for structure and links, orange used once. Archivo gives the email an engineered, B2B feel and falls back to Helvetica and Arial where the web font does not load.

Email clients are not browsers. Gmail strips out your style block in some views, Outlook renders with Microsoft Word's engine, and Apple Mail does its own thing. This template is built for that reality instead of fighting it.

The entire layout is tables, not divs and flexbox. A 600px container holds everything, and every section is its own table row. Styling is inline on the elements that need it, so it survives even when a client throws away the <style> block. There is exactly one media query, used only to stack the date block and widen the buttons on phones.

All the text is live text, not an image of text. That means it stays sharp, stays readable when images are blocked, and screen readers can announce it. The speaker photos are the only images, and each one carries descriptive alt text.

The "Save my seat" button is bulletproof. For Outlook it uses a VML rectangle so the cobalt fill and rounded corners actually show up; every other client gets a normal styled link. Either way you get a solid, tappable button rather than a tiny text link.

The email also declares a light color scheme and uses x-apple-disable-message-reformatting, so dark mode clients do not silently invert the cobalt hero or wash out the navy text into something unreadable. A hidden preheader controls the preview line in the inbox, and a Word-only PixelsPerInch fix keeps Outlook from scaling everything up.

You can ship this in a few minutes. Start by copying the full HTML file.

In Klaviyo, create a new email, choose the option to start from HTML, and paste the code in. If you are using the drag-and-drop editor instead, drop in an HTML block and paste it there. In Mailchimp, create a campaign, pick "Code your own" and "Paste in code," then drop the HTML in.

Next, make it yours. Change the cobalt (#2f45c4) and the orange LIVE accent (#e8612a) to your brand colors with a find and replace, and swap the navy ink if you need to. Replace the wordmark text, the headline, the date/time/format values, the speaker names and photos, the agenda lines, and every link, including the unsubscribe and preferences URLs and your real mailing address. Update the subject line and preheader at the top of the file.

Point the speaker image paths at hosted URLs your ESP can reach, since relative paths like /img will not load in a real inbox. Then send yourself a test and a real preview across Gmail, Apple Mail, and Outlook. Check that the button works, the date block stacks on your phone, and the dark mode preview still looks right. When it passes, send.