Skip to content
Sabin Mainali

Email templates for a B2B SaaS brand

Promo, win-back, product update, sales and account emails I designed and hand-coded in HTML, all built on one brand template so every send looks like the same company.

Outcome at a glance

One reusable brand template behind more than 60 lifecycle and transactional emails, all taking names, dates and amounts from the sending platform.

Context

The brand sends many kinds of email: seasonal promotions, win-back offers, product updates, cold sales emails and account notices such as payment or cancellation messages. All of them had to look like one company.

My role

I designed the emails and coded every template by hand in table-based HTML with inline styles, which is what email clients still need. Seven of them are shown below. The images are screenshots of the real templates, with merge tags left in place.

Selected templates

Black Friday promotion email with a dark hero banner, a promo code, three benefit checkmarks and a list of what is new.
Seasonal promotion. Hero banner, promo code and a short list of what changed.
Win-back email with an illustrated gold banner, a reserved wallet credit box, an expiry notice and three numbered steps to claim it.
Win-back offer. One offer, one deadline and three steps to claim it.
Product update email with a product screenshot header, three stat tiles and grouped feature cards.
Product update. Stat tiles, then features grouped so the long list stays easy to scan.
Plan change announcement email with a map banner, two icon cards for outgoing and incoming calls, and a before and now comparison.
Plan change notice. A before and now comparison explains the change without a wall of text.
Sales email for real estate teams with a blue header, a short intro and three feature rows with icons.
Industry sales email. A lean version of the template, written for real estate teams.
Loyalty email for early customers with an illustrated banner, a highlighted privilege box and a list of included features.
Loyalty email. Thanks early customers and lists what they keep.
Account email confirming a scheduled cancellation, with date cards, a warning box and two buttons.
Account notice. Clear dates, one warning and a way to change their mind.

Select any template to open the full-length email.

Approach

  • One master template. Header, hero, content blocks, buttons and footer are shared, so a new email starts from the brand and not from a blank file.
  • Built for real inboxes. Tables and inline styles, a 600 pixel content width, and bulletproof buttons that still show when images are blocked.
  • Merge tags from the platform. Names, dates and amounts come from the sending tool, so one template serves every customer.
  • One job per email. Each email has one main action, and the tone matches the moment: bold for a sale, calm for a cancellation.

Working from Figma

For a new brand I start in Figma: a small email kit from the brand guidelines (colors, type, buttons, spacing), then the full template with desktop and mobile frames. After sign-off I rebuild it as blocks the email platform can edit, so the team can make new emails without a designer.