Email Template Design

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

Workflow

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

Email Type Selection