Webinar Email Template — Live Session Countdown

A modern SaaS webinar invite with a spotlight hero, live countdown to session start, and a clear agenda — built to drive registration before the session begins.

Events & Invitations saasminimalwith-countdownwebinarwith-agenda

Updated Jul 22, 2026

The prompt

Two ways to build this email in plain language. The fastest is Temway's in-editor assistant — open the chat drawer in the email editor and paste the recipe below. Or connect Claude or ChatGPT via Temway's MCP and paste it there; the agent builds the email step by step. Either way, adapt the copy and colors to your brand.

An email is a top-to-bottom stack of blocks — the recipe follows that order.
A [layout] step becomes a single image (great for heroes); everything else stays live text and links.
Theme the footer to match — the recipe's last step does exactly that.

Want this exact email? Click Use this template below to clone it into your workspace, then ask the in-editor assistant to rebrand it. Over MCP, tell your agent to clone the Temway share D3kZMGZQPoAEbQh45Wgkd and rebrand. For the full model, point an MCP agent at get_concept — email-structure, layouts-vs-emails, design-recipes.

The webinar invite that makes showing up feel worth it. A modern spotlight hero floats the session topic over a soft halo glow, a live countdown timer ticks down to the exact start time, and a tight three-point agenda shows exactly what attendees will learn. Built for SaaS webinars, live workshops, and educational sessions where the countdown makes “add to calendar” feel urgent.

Snapshot

Goal: drive live attendance by showing the exact start time, a clear agenda, and a ticking countdown.
Audience & tone: existing users + prospects interested in the topic. Clear, professional, warmly confident — the tone of a session that respects the attendee’s time.
Palette: page #f0f9ff · container #ffffff · text #0c4a6e / #0369a1 (muted) · accent sky #0ea5e9
Font: "Trebuchet MS", Helvetica, sans-serif
Artwork: one spotlight-product layout hero (rasterized image) with a floating card + halo glow.

Build recipe

Each step is one block in the flat stack, top to bottom. [native] = a real email block. [layout] = a free-form layout embedded as a single image.

[layout] Hero — spotlight-product layout template — recolor the halo glow + soft gradient to sky #0ea5e9 over pale #f0f9ff. Keep the floating rounded card (xl shadow) as the visual anchor. Overlay copy: eyebrow "LIVE WEBINAR · AUG 20" #0ea5e9 12px tracked uppercase, heading "Scale without breaking things." as gradient-fill #0c4a6e → #0ea5e9 42px Trebuchet MS bold, subline "A 45-minute session on shipping fast and staying stable." #0369a1 15px, gradient pill CTA label "Save my seat" in #ffffff on #0ea5e9. Text-only artwork — the working CTA is the native button in step 4.
[native] Countdown label — text. "Session starts in" muted #0369a1 14px Trebuchet MS, center, tight bottom padding.
[native] Countdown timer — countdown block. endDate: 2026-08-20, endTime: 14:00, timezone: UTC, boardBackground: #ffffff, boardBorderColor: #bae6fd, boardBorderWidth: 1, shape: rounded, dividerStyle: colon. Digits: digitColor: #0ea5e9, digitFontFamily: "Trebuchet MS, Helvetica, sans-serif", digitFontSize: 42, digitFontWeight: 700. Units: unitsColor: #0369a1, daysLabel: "Days", hoursLabel: "Hours", minutesLabel: "Minutes", secondsLabel: "Seconds". Center, generous vertical padding. This is the live timer — it animates in the inbox and ticks in the web preview. Blends with the sky palette — light board + sky digits + muted-sky units + hairline border.
[native] CTA button — button. Label "Register for the webinar", sky #0ea5e9 fill, white text, pill corners, center.
[native] Agenda title — text. "What we'll cover" text #0c4a6e 20px Trebuchet MS bold, left.
[native] Agenda point 1 — text. "1. The three scaling bottlenecks every team hits (and how to spot them early)" text #0c4a6e 15px, left.
[native] Agenda point 2 — text. "2. A live teardown of a real incident postmortem — what broke, what we learned" text #0c4a6e 15px, left.
[native] Agenda point 3 — text. "3. Your questions, answered live — bring the hard ones" text #0c4a6e 15px, left.
[native] Details line — text. "Thursday Aug 20 · 45 minutes · Live Q&A · Recording sent to all registrants" muted #0369a1 13px, center.
[native] Divider — hairline #bae6fd, generous vertical padding.
[native] Speaker line — text. "Hosted by Maya Chen, Principal Engineer at Helix · previously Stripe, Vercel" muted #0369a1 13px, center.
[native] Footer — social + address. Recolor both to the palette: social.color = #0ea5e9, address.color = #7dd3fc, address.fontFamily = "Trebuchet MS", Helvetica, sans-serif. Without this they fall back to a generic brand-blue that clashes with the sky accent.

Make it yours

Swap the session title, the three agenda points, and the speaker bio for your real session.
Update endDate / endTime to your actual start time and timezone.
Recolor sky #0ea5e9 to your brand — keep the floating-card hero for the modern, premium feel.

Use this template