Skip to main content
Emailens
Product Template · Adapted from MJML (MIT)

Card Showcase

Overall compatibility: 92/100 across 21 email clients · 20 of 21 clients passing (3 clean at 100%) · 225 compatibility warnings (0 error-level) · 22.3KB compiled HTML.

Cross-client fidelity Tested against 21 email clients. 3 of 21 clients render cleanly with 100% fidelity. Only Outlook Classic has reduced fidelity (55/100) due to legacy desktop engine constraints.
email://preview/ mjml-card.html
MJ

Attribution · MJML Open Source

Template adapted from the official MJML email-templates repository under the MIT License (© Mailjet / Sinch). Raw .mjml source code is included.

Client Compatibility

Score: 92/100 · 20/21 passing

21 clients tested
3 of 21 clients render with 100% fidelity. Lowest is 55/100 in Outlook Classic due to legacy desktop styling limitations.

Notes on this template

It opens: "Writing A Good Headline For Your Advertisement // BR&AND HOME / SERVICE / THIRD Free Advertising For Your Online Business. A Right Media Mix Can Make The Difference. Marketers/advertisers usually focus their efforts on the people responsible for making the...". Links: "CALL TO ACTION". 2 images, 30 Outlook-only blocks, no dark-mode query, system fonts.

The spread is what matters on this template: 100 in Superhuman against 55 in Outlook Classic, a 45-point gap across the same file. 3 of the 21 clients render it without a single flagged property. Outlook Classic is the one to preview against after any edit, because it is where this template has the least margin, and the 225 warnings behind that score are concentrated there rather than spread evenly.

At 22.3KB compiled it has roughly 80KB of headroom before Gmail clips the message at 102KB and hides the rest behind a "View entire message" link. Inlined CSS and base64 images both count toward that, so watch it as you add sections.

Safe to customise: Body copy, screenshots and the changelog list. Product mail is usually the longest thing a team sends, which makes the size figure below the one to watch as you add sections.

Leave alone: The heading hierarchy. It carries the document outline that screen readers announce, and flattening every heading to styled text is the most common accessibility regression in this category.

Modified it? Check your version against the same 21 clients.

Zero-Friction Engine Preview

Test your email in Gmail, Outlook and Apple Mail

Preview rendering, catch CSS issues, and see what Outlook does to your VML. Free, no account. All 21 clients with one.

Try Emailens Free

Instant live preview · No signup required · 21 email engines