Production layout system
Editorial Newsletter System
Editorial newsletter recipe combining an editor note, a lead feature, a roundup grid, and a lighter social footer.
5 production blocksPart of the Newsletter systemSource, output, and handoff contextBuilt from the public production email system
Rendered email preview
System sequence
Message structure in order
- Centred header. Provides a clean recurring newsletter frame.
- Editor note. Adds a personal opening before the body content.
- Lead feature. Highlights the main story or announcement.
- Roundup grid. Adds supporting stories lower in the email.
- Newsletter footer. Closes with subscription-safe footer content.
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
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.
Creates a calm, repeatable newsletter top row.
Introduces the issue in a more human voice.
Handles the lead story or feature.
Provides the supporting content grid.
Adds the lighter footer variant suited to recurring content sends.