Production layout system

Product Launch Campaign

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

4 production blocksPart of the Campaigns systemSource, output, and handoff contextBuilt from the public production email system
Rendered email preview

System sequence

Message structure in order

  • Brand header. Establishes sender identity before campaign copy begins.
  • Hero opener. Carries the headline, support copy, and primary campaign action.
  • Feature pair. Shows two supporting cards for offers, modules, or launch highlights.
  • Compliance close. Finishes with support and footer controls.

Production guidance

How this moves into delivery

  • Edit the MJML recipe when you want to adjust structure, copy order, imagery, or CTA destinations.
  • Use the compiled HTML when your ESP, QA handoff, or review process needs final delivery markup.
  • Review the system order below before customising so the message hierarchy stays intact across clients.

Stack map

Production stack

4

Each layout is assembled from reusable production blocks. Inspect the system as a whole here, then open individual blocks only when you need source-level changes.

  1. 1
    Header

    Headers

    Anchors the email with consistent sender branding.

  2. Handles the launch headline and primary CTA.

  3. 3
    Dual Image

    Product Sections

    Adds two supporting product or feature highlights.

  4. 4
    Footer

    Footers

    Closes the send with legal and support-safe footer content.

Editable source

Layout MJML

Editable system source for adjusting message order, copy, imagery, and destination URLs.

Formatting code preview...

Compiled output

Compiled HTML

Final output for ESP handoff, QA review, and HTML-only delivery workflows.

Formatting code preview...

Layout system

Use layouts as reference architecture, then edit the underlying blocks

These public layout pages exist to show message order, block stacking, and the relationship between a full email and the underlying component system. Template Hedgehog Pro is there when your team wants the complete system archive locally for faster assembly and handoff.

This page helps you

  • See the full compiled email before editing
  • Understand which component blocks form the stack
  • Move from recipe-level structure to block-level customisation cleanly