Responsive Email Template Designer

Design a responsive email template for [EMAIL TYPE: newsletter / promotional / transactional / onboarding].

Brand: [DESCRIBE STYLE]
Email client priority: [GMAIL / OUTLOOK / APPLE MAIL]

Provide:
1. **Layout Structure**: Header, hero, body sections, footer — with widths and stacking behavior
2. **Typography**: Font stack (web-safe fallbacks), sizes for headings and body
3. **Color Scheme**: Background, text, CTA button, accent colors with hex codes
4. **CTA Button Design**: Size, color, border radius, padding, hover state
5. **Image Strategy**: Dimensions, alt text approach, retina considerations
6. **Mobile Adaptation**: What changes at 600px and below
7. **Dark Mode**: How to handle colors and images in dark mode
8. **HTML/CSS Code**: Complete table-based email HTML that works across clients
9. **Testing Checklist**: What to check before sending
10. **Accessibility**: Font sizes, contrast, alt text, link text best practices

Design a responsive email template for [EMAIL TYPE: newsletter / promotional / transactional / onboarding].

Brand: [DESCRIBE STYLE]
Email client priority: [GMAIL / OUTLOOK / APPLE MAIL]

Provide:
1. **Layout Structure**: Header, hero, body sections, footer — with widths and stacking behavior
2. **Typography**: Font stack (web-safe fallbacks), sizes for headings and body
3. **Color Scheme**: Background, text, CTA button, accent colors with hex codes
4. **CTA Button Design**: Size, color, border radius, padding, hover state
5. **Image Strategy**: Dimensions, alt text approach, retina considerations
6. **Mobile Adaptation**: What changes at 600px and below
7. **Dark Mode**: How to handle colors and images in dark mode
8. **HTML/CSS Code**: Complete table-based email HTML that works across clients
9. **Testing Checklist**: What to check before sending
10. **Accessibility**: Font sizes, contrast, alt text, link text best practices