Production layout system
Retention Alert Sequence
Lifecycle reminder layout pairing a split image block with a focused CTA and footer support close.
4 production blocksPart of the SaaS lifecycle systemSource, output, and handoff contextBuilt from the public production email system
Rendered email preview
System sequence
Message structure in order
- Header. Sets brand context before the alert copy starts.
- Split content block. Pairs a support image with concise reminder copy.
- Primary CTA. Pushes the reader to the next required action.
- Support footer. Adds contact and compliance guidance.
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.
Maintains sender continuity with the rest of the lifecycle system.
Carries the reminder copy in a more human, less severe layout.
Gives the reminder one strong action target.
Provides support routes and close-out compliance copy.