Simple Email Preview
Preview how your emails will look with different themes.
Interactive Preview
Switch between themes to see how your emails will look in real-time.
Email Preview - Blue Theme
This preview shows how your email will look with the blue theme. The actual email will be responsive and work across all email clients.
Theme Overview
The Simple Email API supports 4 built-in themes:
- Blue (default): Professional and trustworthy
- Red: Attention-grabbing and urgent
- Black: Elegant and sophisticated
- Stone: Neutral and calm
Each theme includes:
- Custom color palette
- Responsive design
- Professional typography
- Logo support
- PDF attachment links
- Footer branding
Blue Theme
Blue Theme Colors
- Primary:
#3b82f6 - Secondary:
#1f2937 - Background:
#f6f9fc
Perfect for: Professional communications, welcome emails, general updates
Blue Theme Request
{
"to": "user@example.com",
"title": "Welcome to Our Service",
"description": "Thank you for signing up! We're excited to have you on board and can't wait to help you succeed.",
"theme": "blue",
"logoUrl": "https://audla.s3.us-east-1.amazonaws.com/LOGO_AUDLA_INC_DM.png",
"siteName": "My Company"
}
Red Theme
Red Theme Colors
- Primary:
#ef4444 - Secondary:
#991b1b - Background:
#fef2f2
Perfect for: Important alerts, urgent notifications, action items
Red Theme Request
{
"to": ["user1@example.com", "user2@example.com"],
"title": "Important: Action Required",
"description": "Please review the attached documents and provide feedback by the end of the week.",
"theme": "red",
"pdf": ["https://example.com/important-doc.pdf"],
"siteName": "Project Team"
}
Black Theme
Black Theme Colors
- Primary:
#000000 - Secondary:
#1f2937 - Background:
#f9fafb
Perfect for: Premium services, luxury brands, formal communications
Black Theme Request
{
"to": "client@example.com",
"title": "Project Delivery Complete",
"description": "Your project has been successfully completed and delivered. We hope you're satisfied with the results.",
"theme": "black",
"logoUrl": "https://via.placeholder.com/200x80/000000/ffffff?text=Design+Studio",
"siteName": "Design Studio"
}
Stone Theme
Stone Theme Colors
- Primary:
#78716c - Secondary:
#44403c - Background:
#fafaf9
Perfect for: Team communications, internal updates, neutral branding
Stone Theme Request
{
"to": ["team@example.com"],
"title": "Weekly Team Update",
"description": "Here's your weekly team update with upcoming deadlines and important announcements.",
"theme": "stone",
"siteName": "Team Communications"
}
Testing Your Themes
Test the themes with real emails:
# Test blue theme
curl -X POST https://apis.audla.ca/api/send-simple-email \
-H 'Content-Type: application/json' \
-d '{
"to": "your-email@example.com",
"title": "Theme Test - Blue",
"description": "This is a test of the blue theme.",
"theme": "blue"
}'
# Test red theme
curl -X POST https://apis.audla.ca/api/send-simple-email \
-H 'Content-Type: application/json' \
-d '{
"to": "your-email@example.com",
"title": "Theme Test - Red",
"description": "This is a test of the red theme.",
"theme": "red"
}'
# Test black theme
curl -X POST https://apis.audla.ca/api/send-simple-email \
-H 'Content-Type: application/json' \
-d '{
"to": "your-email@example.com",
"title": "Theme Test - Black",
"description": "This is a test of the black theme.",
"theme": "black"
}'
# Test stone theme
curl -X POST https://apis.audla.ca/api/send-simple-email \
-H 'Content-Type: application/json' \
-d '{
"to": "your-email@example.com",
"title": "Theme Test - Stone",
"description": "This is a test of the stone theme.",
"theme": "stone"
}'
Or run the automated test suite:
npm run test:simple-email