Skip to main content
Emailens
Sign inTry Free
Marketing Template · Adapted from MJML (MIT)

Racoon Creative Agency

Overall compatibility: 83/100 across 21 email clients · 13 of 21 clients passing (1 clean at 100%) · 305 compatibility warnings (6 error-level) · 71.1KB compiled HTML.

Cross-client fidelity Tested against 21 email clients. 1 of 21 clients render cleanly with 100% fidelity. Only Outlook Classic has reduced fidelity (52/100) due to legacy desktop engine constraints.
Open in builder Download HTML Download .mjml
email://preview/ mjml-racoon.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: 83/100 · 13/21 passing

21 clients tested
Apple Mail 100/100
Apple Mail iOS 97/100
Samsung Mail 97/100
Thunderbird 94/100
Outlook 365 88/100
Outlook (New) 88/100
Outlook iOS 88/100
Outlook Android 88/100
Superhuman 87/100
Yahoo Mail 85/100
Yahoo Mail Android 85/100
Fastmail 84/100
HEY Mail 81/100
Gmail 79/100
Gmail Android 79/100
Gmail iOS 79/100
AOL Mail 79/100
Outlook for Mac 78/100
Yahoo Mail iOS 72/100
Proton Mail 72/100
Outlook Classic 52/100
1 of 21 clients render with 100% fidelity. Lowest is 52/100 in Outlook Classic due to legacy desktop styling limitations.

Compatibility Notes

  • outlook-macos <form>

    Outlook for Mac strips form elements.

  • yahoo-mail-ios <form>

    Yahoo Mail iOS strips form elements.

  • hey-mail <form>

    HEY Mail strips form elements.

  • protonmail <form>

    Proton Mail strips form elements.

  • fastmail <form>

    Fastmail strips form elements.

Notes on this template

It opens: "home blog store SPRING PROMO 50% OFFER Lorem ipsum dolor sit amet, consectetur adipiscing elit SHOP NOW FREE SHIPPING ON ORDER OVER 55€ CHESTERK TANK 15€ BUY NOW BEYOND BACKPACK 20€ BUY NOW JENSEN SHORTS 28€ BUY NOW VERDANT CAP...". Preheader: "a { display:block!important; } .mj-menu-checkbox[type="checkbox"]:checked ~ .mj-menu-trigger .mj-menu-icon-close { display:block!important; } .mj-menu-checkbox[type="checkbox"]:checked". Links: "home", "blog", "store", "SHOP NOW". 20 images, 63 Outlook-only blocks, no dark-mode query, web font.

The spread is what matters on this template: 100 in Apple Mail against 52 in Outlook Classic, a 48-point gap across the same file. 1 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 305 warnings behind that score are concentrated there rather than spread evenly.

At 71.1KB compiled it has roughly 31KB 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: Imagery, colour and section order. This is the one category where restructuring is expected, and the per-client table on this page is how you check the restructure survived.

Leave alone: The image widths declared as HTML attributes as well as CSS. Outlook reads the attribute and ignores the stylesheet, so an image sized only in CSS renders at its natural pixel width and blows the layout out sideways.

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