Responsive HTML Email Templates Pack: 8 Table-Based, Inline-CSS, Dark-Mode-Friendly Emails for Mailchimp, Brevo & SendGrid

Eight clean, mobile-ready email templates you can rebrand in minutes and paste into any email platform.

Writing HTML email by hand is painful. Tables, Outlook quirks, Gmail stripping styles, dark mode turning your text invisible... This pack gives you **8 professionally designed, ready-to-send templates** that already handle all of that, so you just add your brand and your words.

### The 8 templates

1. **Welcome / onboarding:** hero image, three getting-started steps and a call to action

2. **Receipt / order confirmation:** order details, line items with thumbnails, totals, billing and payment info

3. **Password reset:** clear button, expiry note, security message and a fallback link

4. **Newsletter:** feature story plus a 2×2 grid of article cards and a tip box

5. **Promo / sale:** a big offer, a dashed coupon code and product cards with sale prices

6. **Abandoned cart:** saved items, cart total, a full-width button and trust badges

7. **Event / webinar invite:** date and location block, agenda, RSVP and add-to-calendar

8. **Feedback / review request:** 5-star rating links, a 1-10 "would you recommend" scale and a review button

### Built the way email clients need

- **Table-based layout** with a 600px container and `role="presentation"` tables

- **Inline CSS** on every element. The only `<style>` block holds resets and media queries, so clients that strip styles still show the design.

- **Responsive:** columns stack, images scale, headings resize, and the main buttons go full width on phones

- **Dark-mode friendly:** `color-scheme` meta tags, `prefers-color-scheme` overrides and Outlook.com `[data-ogsc]` rules

- **Outlook for Windows fallbacks:** MSO ghost tables and VML "bulletproof" buttons

- **Preheader text** on every template to control the inbox preview line

- **Accessible:** lang attribute, alt text on every image, readable font sizes and a live-text logo that still shows when images are blocked

- **Lightweight:** 10 to 18 KB per file, far below Gmail's 102 KB clipping limit

### Works with your email platform

A README with step-by-step import instructions for **Mailchimp, Brevo (Sendinblue) and SendGrid Dynamic Templates**, plus a merge-tag conversion table (`{{first_name}}` → `*|FNAME|*` / `{{ contact.FIRSTNAME }}`). The templates also work with Klaviyo, Kit, HubSpot, Postmark, Amazon SES, Resend or plain Nodemailer.

### Easy to rebrand

Find and replace one colour and your brand name, or edit the `BRAND` settings in the included Python build script and regenerate all 8 files in one command. A `check.py` script re-validates your edits (tag balance, alt text, file size).

### Honest testing notes

Every template was rendered in headless Chromium at desktop (800px) and mobile (375px) widths, in light and dark mode, with automated structure checks. Screenshots are included. They have **not** been run through Litmus or Email on Acid, so send yourself a test in your audience's main clients before a big send.