MailStack
Email Templates
Design and preview HTML email templates
Send Test
HTML Editor
Edit your email template
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 0; padding: 0; background: #f4f4f5; } .container { max-width: 600px; margin: 0 auto; background: white; } .header { background: #2563eb; padding: 32px; text-align: center; } .header h1 { color: white; margin: 0; font-size: 24px; } .body { padding: 32px; } .body h2 { color: #0f172a; margin-top: 0; } .body p { color: #64748b; line-height: 1.6; } .button { display: inline-block; background: #2563eb; color: white; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 600; } .footer { padding: 24px 32px; text-align: center; color: #94a3b8; font-size: 12px; } </style> </head> <body> <div class="container"> <div class="header"> <h1>Welcome to MailForge</h1> </div> <div class="body"> <h2>Hey there!</h2> <p>Thanks for signing up. Your account is ready and you can start sending emails right away.</p> <p>Here's what you can do next:</p> <p> <a href="#" class="button">Go to Dashboard</a> </p> <p>If you have any questions, just reply to this email. We're here to help.</p> <p>— The MailForge Team</p> </div> <div class="footer"> <p>MailForge, Inc. • Open-source email infrastructure</p> <p><a href="#" style="color: #94a3b8;">Unsubscribe</a></p> </div> </div> </body> </html>
Preview
Live rendering of your template
preview