04Layouts

Production email layouts

Complete MJML structures for lifecycle, transactional, campaign, support, and operational email delivery.

18 layouts across 4 systems.

Rendered layout preview

4 blocks • 4 sections

Featured deployable layout

Product Launch Campaign

Launch-focused email stack composed from a brand header, campaign hero, feature grid, and compliance footer.

Outcome: deployable message structure for launch-grade delivery, from hero narrative to compliance close.

Campaigns

Short promotional and conversion-oriented emails built from the same reusable block system.

Rendered layout preview

5 blocks • 4 sections

Trust And Conversion Brief

Short conversion email built from trust logos, proof content, and one focused CTA block.

5 blocks · 4 sections · MJML + HTML

Open layout

SaaS lifecycle

Welcome, onboarding, activation, retention, and upgrade flows for product teams.

Rendered layout preview

4 blocks • 4 sections

Onboarding Activation Flow

Early lifecycle email that combines a welcome-style hero, trust strip, and support footer for activation messaging.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Retention Alert Sequence

Lifecycle reminder layout pairing a split image block with a focused CTA and footer support close.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

SaaS Welcome System

Welcome email recipe for SaaS products, combining an onboarding hero, step card, app-download route, and onboarding footer.

5 blocks · 5 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

Onboarding Step System

Practical onboarding follow-up email built from a task card, support links, and one clear dual-action close.

5 blocks · 5 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

Feature Announcement System

Product update email combining a feature split hero, usage proof, CTA reinforcement, and app-safe footer content.

5 blocks · 5 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

Trial Ending Reminder System

Trial-ending lifecycle email using an alert block, usage summary, benefits reinforcement, and support-aware close.

5 blocks · 5 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Upgrade Confirmation System

Upgrade confirmation email that confirms the plan change, reinforces product value, and keeps the app close to hand.

4 blocks · 4 sections · MJML + HTML

Open layout

Transactional

Operational emails such as receipts, shipping updates, password resets, and security alerts.

Rendered layout preview

4 blocks • 4 sections

Order Confirmation System

Order confirmation email combining a transaction summary, a small cross-sell row, and a legal close.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Receipt System

Receipt email layout with line items, invoice summary, and a concise compliance-safe footer.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Shipping Notification System

Shipping update email combining tracking context, support links, and a clean legal footer.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Password Reset System

Password reset email with the reset card, a privacy note, and a lean transactional footer.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Security Alert System

Security alert email with a high-signal alert card, direct support route, and a darker operational footer.

4 blocks · 4 sections · MJML + HTML

Open layout

Editorial, digest, and announcement sends assembled from repeatable content blocks.

Rendered layout preview

4 blocks • 4 sections

Product Showcase Digest

Digest-style product email using a multi-card showcase, testimonial support, and a compliance footer.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

Editorial Newsletter System

Editorial newsletter recipe combining an editor note, a lead feature, a roundup grid, and a lighter social footer.

5 blocks · 5 sections · MJML + HTML

Open layout

Rendered layout preview

4 blocks • 4 sections

Weekly Digest System

Weekly digest layout combining a stacked list, multi-article grid, and newsletter footer for recurring editorial sends.

4 blocks · 4 sections · MJML + HTML

Open layout

Rendered layout preview

5 blocks • 5 sections

Announcement Newsletter System

Announcement-led newsletter using a product update digest, event card, CTA reinforcement, and recurring footer.

5 blocks · 5 sections · MJML + HTML

Open layout

Template Hedgehog Pro gives your team the complete offline archive for faster delivery.

Get Pro - £179