Want a Marketo-ready Responsive Email Template?

Joe_Reitz
Level 10 - Champion Alumni
Level 10 - Champion Alumni

Call it an early Christmas present...

I recently created the attached email template to use as part of a product launch, and did some fairly extensive testing between various email clients. This is my favorite template to use for mobile, so what the heck. Spreading a little nerdy joy this holiday season!

I stripped our images, text, and links out of this version, but everything already lives in a Marketo-editable section for you. All you should have to do is edit the color palette for your needs, save the template, and create emails. If you want to duplicate or remove sections, they're marked out pretty well with HTML comments.

To that end... here's some helpful hex codes for swapping out the colors (use find/replace in dreamweaver or whatever HTML editor you prefer).

Yellow Banner: #ffdb0a

Dark Gray background: #444444 (caution: some of the text is also this color, so find/replace all is not necessarily your friend here)

Section 2 Background: #f7f7f7

Section 3 Background: #dedede

Blue Buttons: #2faeff

Screenshot 2015-12-02 15.56.47.png

6286
26
26 Comments
CarissaRussell
Level 2 - Champion

Nice work!  Looking good in outlook is no easy task, great job!

Anonymous
Not applicable

Legend, cheers!

Anonymous
Not applicable

Thanks!

Anonymous
Not applicable

Really cool template,

The only thing I noticed is the slight offset of the main headline image in Tablet & Mobile sizes.

headline_offset.PNG


If anyone wishes to alleviate this, it is simply accomplished by removing style="margin: 10px;" from the <img> tag within the div with the id="main-headline".


but that aside, the template is really great..... and for free!!!,..... how very festively generous. 

Ibrahim_Burhani
Level 3

Thank you so much for the template

Anonymous
Not applicable

Thanks for the present