🎨 Email Design
Professional email templates and design system guidelines.
Template Categories
Transactional Templates
| Template Type | Use Case | Priority | Personalization |
|---|---|---|---|
| Welcome Email | New subscriber | High | Name, Company |
| Order Confirmation | Purchase complete | Critical | Order details |
| Password Reset | Security | Critical | None |
| Account Update | Profile changes | Medium | Account info |
| Receipt | Payment received | High | Transaction details |
Marketing Templates
| Template Type | Sending Frequency | Best Day | Best Time |
|---|---|---|---|
| Newsletter | Weekly/Monthly | Tuesday | 10 AM |
| Promotional | 2-3x/week | Thu/Fri | 2 PM |
| Product Launch | One-time | Tuesday | 11 AM |
| Seasonal | Quarterly | Varies | 10 AM |
| Re-engagement | Monthly | Wednesday | 3 PM |
Automation Templates
| Workflow | Emails | Duration | Goal |
|---|---|---|---|
| Welcome Series | 3-5 | 14 days | Onboarding |
| Abandoned Cart | 3 | 48 hours | Recovery |
| Post-Purchase | 4-6 | 30 days | Retention |
| Win-Back | 3-4 | 60 days | Re-engagement |
| Birthday | 1-2 | Annual | Loyalty |
Design System
Email Width Standards
- Desktop: 600px max width
- Mobile: 320px min width
- Hybrid: 480-600px responsive
Typography Guidelines
/* Headings */
h1: 24-28px, bold
h2: 20-22px, bold
h3: 18-20px, semibold
/* Body Text */
p: 14-16px, regular
small: 12-14px, regular
Color Schemes
| Element | Light Mode | Dark Mode |
|---|---|---|
| Background | #FFFFFF | #1A1A1A |
| Text | #333333 | #E0E0E0 |
| Links | #2E8555 | #4CAF50 |
| Buttons | #2E8555 | #4CAF50 |
| Borders | #E0E0E0 | #404040 |
Template Components
- Header Templates - Coming Soon
- Footer Templates - Coming Soon
- CTA Buttons - Coming Soon
- Content Blocks - Coming Soon
HTML Email Code
- Base Template - Coming Soon
- Responsive Template - Coming Soon
- AMP Email Template - Coming Soon