Email Template Design

Design production-ready HTML email templates using table-based layouts and inline CSS for maximum email client compatibility.

Workflow

Clarify purpose - Determine the email type (marketing, transactional, lifecycle) and brand context
Select base template - Start from an asset template in assets/ or build from scratch using the patterns below
Build structure - Use table-based layout with the boilerplate from assets/base.html
Style inline - Apply all CSS as inline styles; use <style> block only as progressive enhancement
Test compatibility - Review against the client quirks in references/client-compatibility.md
Optimize - Compress images, add alt text, verify dark mode, ensure accessibility