Design newsletter templates with article sections, headers, and footers. Part of the DevTools Surf developer suite. Browse more tools in the Web / Frontend collection.
Use Cases
Build a weekly newsletter template with article summaries, images, and a CTA button.
Create a transactional email template (order confirmation, password reset) with brand styling.
Design a product announcement email with hero image, feature highlights, and pricing.
Generate a plain-text email fallback alongside the HTML version for clients that block HTML.
Tips
Keep the email width at 600-680px — the industry-standard safe width that renders correctly in Gmail, Outlook, and Apple Mail without horizontal scrolling.
Use table-based layout for the HTML structure, not CSS Grid or Flexbox — Outlook (2007-2019) uses Microsoft Word's rendering engine and ignores modern CSS layout.
Test in both light and dark mode — many email clients invert colors in dark mode, so white text on a dark background can become invisible.
Fun Facts
HTML email is still built with 1990s-era table-based layout because Microsoft Outlook 2007 switched from Internet Explorer's rendering engine to Microsoft Word — a decision that froze email design practices for over 15 years.
Average email open rates across industries are 21.5% (Mailchimp, 2023). The highest-performing category is government emails at 28.77%; the lowest is vitamin supplements at 15.03%.
Campaign Monitor's 2023 email client market share data shows Apple Mail (52%), Gmail (26%), and Outlook (7%) are the top three clients — but rendering differences between them require testing against all three.
FAQ
Does it generate HTML compatible with Outlook?
Yes — the output uses MSO conditional comments and VML for Outlook-specific rendering (rounded buttons, background images). Compatible with Outlook 2007-2019 and Outlook 365.
Can I add an unsubscribe link?
Yes — an unsubscribe link block is included by default. In the US, CAN-SPAM requires a physical mailing address and unsubscribe mechanism in all commercial emails.
Does it support responsive email design?
Yes — mobile breakpoint CSS is inlined for clients that support it. A single-column fallback layout is used for Outlook, which doesn't support media queries.
