The Responsive Email Designer Template Roundup
Don't get stuck in a design rut. Download any of these complimentary RED newsletter templates handmade by yours truly for some inspiration. Use these cool designs to kick off your newsletter projects or to get insight on how a responsive email is developed. Be sure to check back here periodically as we will continue to add new designs and other freebies for you to enjoy.
Go Places
This bright project was inspired by Valentine's Day. Using rows split into 2 columns, we organized the content into features blocks with icons and informational text. To responsifying the design, these columns are configured to stack on top of each other to make it easy to view from smaller devices. You'll notice within the project move the slider to the left right break to see each column takes up 12 Spans. This means the content in that block will fill the avialable space at the breakpoint highlighted.
Elements
This project focuses on typography to express the email's message. You see, newsletters and other emails should not heavily rely on images to look sharp and to communicate. This is because images don’t appear automatically for over 50% of the recipients. RED is packed with both web safe fonts and Google fonts giving you a wide range of typographic choices to jazz up your text.
Invoice (Coming Soon)
With about 65% of email opens happen on a mobile device first, important documents like invoices should also cater to these on-the-go viewers.
Friendly
With a nice minimalist layout, this design showcases a friendly statement and has a clear call-to-action button. The top header row is divided into 3 columns allowing for pre-header text to be inserted between the logo & online link. The rest of the design contains rows with single columns with content centered throughout. This is an easy layout to maintain as the only real responsive adjustments required is for the text size.
