📧 Email Templates

← Back to Design System

Available Templates

🎯 Hero Focus Template

One large hero image with minimal text and single CTA. Perfect for product launches and announcements.

Structure: Logo → Hero Image → Headline → CTA Button → Footer

Best for: Product launches, announcements

View Template →

📖 Editorial Template

Story-driven layout with multiple sections. Great for welcome emails and brand storytelling.

Structure: Logo → Intro → Hero → Story Sections → CTA → Social Proof → Footer

Best for: Welcome emails, brand stories

View Template →

🛍️ Promotional Template

Sales-focused with product grid and urgency elements. For discounts and special offers.

Structure: Logo → Offer Banner → Product Grid → Urgency → CTA → Footer

Best for: Sales, discounts, promos

View Template →

✨ Minimal Template

Clean, luxury feel with lots of white space. For high-end brands and retention emails.

Structure: Logo → Minimal Header → Single Image → Short Text → CTA → Footer

Best for: Luxury brands, retention

View Template →

How to Use Templates

  1. Choose the template that fits your email's goal
  2. Copy the HTML file to your brand's folder: 
    cp templates/hero-focus.html ../case-studies/your-brand/your-brand-v2.html
  3. Replace placeholder content with brand-specific:
    • Colors (use design tokens)
    • Imagery (contextually relevant)
    • Typography (match brand personality)
    • Copy (match brand voice)
  4. Test and deploy