deliverability score</li>\n</ul>\n\n\n\n<p>Lisa Livingston, principal customer success manager at Klaviyo, says email design can be overlooked as part of an <a href=https://www.klaviyo.com/"https://www.klaviyo.com/solutions/omnichannel/what-is-omnichannel-marketing/">effective omnichannel strategy</a>. But that doesn’t make it any less important.</p>\n\n\n\n<p>“Well-designed emails will enhance every other part of your strategy,” Livingston says. “Making sure all of your channels’ designs align will make your brand more recognizable and make all your assets perform better.”</p>\n\n\n\n<p>Most well-designed emails take into account:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CTA strategy</li>\n\n\n\n<li>Mobile-first and accessibility considerations</li>\n\n\n\n<li>Balancing design and text</li>\n</ul>\n\n\n\n<p>In my 9 years as an email strategist and designer at <a href=https://www.klaviyo.com/"https://sparkbridgedigital.com//" target=\"_blank\" rel=\"noreferrer noopener\">Spark Bridge Digital</a>, I’ve helped 100+ brands stand out in the inbox with strategic email design. Here are 13 tips to make sure your marketing emails are easy on the eyes—and cohesive with your brand’s look and feel.</p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Prepare with a master template</h2>\n\n\n\n<p>Livingston suggests brands keep a <a href=https://www.klaviyo.com/"https://www.klaviyo.com/features/templates/">master email template</a>. That way, “each of your emails will have the same font and size for the header, subheader, and text,” she says.</p>\n\n\n\n<p>You can even maintain several master templates at once—one for each type of email you send.</p>\n\n\n\n<p>While you’re in these early planning stages—before you’ve begun the design process—it’s a good idea to focus on your subject lines and preview text.</p>\n\n\n\n<p>“Use your voice and tone in the subject line and preview text,” says Morten Bustrup, senior creative director at <a href=https://www.klaviyo.com/"https://www.helloelva.com//" target=\"_blank\" rel=\"noreferrer noopener\">Elva</a>. “Don’t be afraid to be playful with your copy—you can create a little brand moment.”</p>\n\n\n\n<figure class=\"wp-block-klaviyo-gutenberg-blocks-pull-quote\"><blockquote class=\"klv-gutenberg-pull-quote__blockquote\">Don’t be afraid to be playful with your copy in preview text—create a brand moment.</blockquote><figcaption class=\"klv-gutenberg-pull-quote__figcaption--attribution\"><cite class=\"klv-gutenberg-pull-quote__figcaption--attribution-name\">Morten Bustrup, senior creative director </cite><div class=\"klv-gutenberg-pull-quote__figcaption--attribution-info\">Elva</div></figcaption></figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Design for accessibility</h2>\n\n\n\n<p>Email design best practices dictate that you want to meet your subscribers where they are, not halfway.<br><br>Follow accessibility best practices:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Write succinct subject lines and preview text</li>\n\n\n\n<li>Add alt text to all of your images</li>\n\n\n\n<li>Leave important information out of images</li>\n\n\n\n<li>Use contrasting colors</li>\n\n\n\n<li>Use large headers to separate ideas</li>\n\n\n\n<li>Use descriptive language in links</li>\n</ul>\n\n\n\n<p>Check out this marketing email from <a href=https://www.klaviyo.com/"https://getjoggy.com//" target=\"_blank\" rel=\"noreferrer noopener\">JOGGY</a> that follows <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/360034711931/">accessibility best practices</a>: the colors are contrasted and the important information is laid out in a chart—not overlaid on an image.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"1384\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-450x1384.webp/" alt=\"Image shows a marketing email from Joggy that follows accessibility best practices: the colors are contrasted and the important information is laid out in a chart—not overlaid on an image.\" class=\"wp-image-69389\" title=\"Email-design-best-practices-Joggy\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-450x1384.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy.png 600w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-293x900.webp 293w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-205x630.webp 205w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-380x1169.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Email-design-best-practices-Joggy-576x1771.webp 576w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Joggy</p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Keep your header components simple</h2>\n\n\n\n<p>Your email header is important real estate, but you want to make sure it doesn’t distract from the main message. Keep it simple and streamlined, with your logo and some eyebrow copy—but only add the eyebrow if it enhances your headline.</p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Be strategic with your CTAs</h2>\n\n\n\n<p>You only have to look at your own inbox to know how much competition your marketing emails have. So, if you want to drive subscribers to product pages, your calls-to-action (CTAs) should adhere to some email design best practices:</p>\n\n\n\n<h3 class=\"wp-block-heading\">Keep your CTAs simple</h3>\n\n\n\n<p>To make sure your emails are easy to scan, consider these strategies for reducing cognitive load:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Don’t include too many offers or CTAs.</li>\n\n\n\n<li>Keep the offers relevant and aligned—to the season, your subject line, and headlines.</li>\n\n\n\n<li>Consider color choice for CTA hierarchy—if you have 2 CTAs close to each other, make sure you distinguish them using color.</li>\n\n\n\n<li>Use clean email design with lots of line breaks in copy and just a few impactful images. This will make your CTA stand out.</li>\n</ul>\n\n\n\n<h3 class=\"wp-block-heading\">Make sure there’s a CTA above the fold</h3>\n\n\n\n<p>Remember, the moment your email hits the inbox, you only have milliseconds to get your subscriber’s attention. Make sure your subscribers don’t need to scroll down to take action. Beautiful images and product information are important, but so is the vehicle for the action you want them to take.</p>\n\n\n\n<h3 class=\"wp-block-heading\">Consider a low-commitment CTA</h3>\n\n\n\n<p>Nathan Doverspike, customer success manager at Klaviyo, draws a distinction between high-commitment CTAs—like “buy now” and “shop now”—and low-commitment CTAs, like “learn more.”</p>\n\n\n\n<p>“There are ways to include CTAs so the reader doesn’t feel pressured. Shoppers can simply be there to learn, to experience, or to see more,” Doverspike explains.</p>\n\n\n\n<p>“Some people experience a mental block with a CTA that pushes them to buy,” he adds. “A low-commitment CTA helps them get through that block.”</p>\n\n\n\n<figure class=\"wp-block-klaviyo-gutenberg-blocks-pull-quote\"><blockquote class=\"klv-gutenberg-pull-quote__blockquote\">Some people experience a mental block with a CTA that pushes them to buy. A low-committment CTA helps them get through that block.</blockquote><figcaption class=\"klv-gutenberg-pull-quote__figcaption--attribution\"><cite class=\"klv-gutenberg-pull-quote__figcaption--attribution-name\">Nathan Doverspike, customer success manager</cite><div class=\"klv-gutenberg-pull-quote__figcaption--attribution-info\">Klaviyo</div></figcaption></figure>\n\n\n\n<p>Sustainable fragrance brand <a href=https://www.klaviyo.com/"https://apothekeco.com//" target=\"_blank\" rel=\"noreferrer noopener\">Apotheke</a> sends this email with a low-commitment CTA above the fold.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"236\" height=\"549\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-best-practices-APOTHEKE.webp/" alt=\"Image shows a marketing email from APOTHEKE with a low-commitment CTA “Take the quiz” above the fold.\" class=\"wp-image-69391\" title=\"Email-design-best-practices-APOTHEKE\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-best-practices-APOTHEKE.png 236w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-best-practices-APOTHEKE-9x20.webp 9w\" sizes=\"auto, (max-width: 236px) 100vw, 236px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: APOTHEKE</p>\n\n\n\n<h3 class=\"wp-block-heading\">Use live text and buttons instead of text on images</h3>\n\n\n\n<p>Doverspike also advocates for CTAs as live text and buttons—any text that isn’t image-based—because they’re easier to <a href=https://www.klaviyo.com/"https://www.klaviyo.com/products/email-marketing/ab-testing/">A/B test</a> and change aspects of a particular campaign.</p>\n\n\n\n<p>That way, you don’t have to go back to your design team and get an entirely new image or a whole new text block just to make a small change.</p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://www.klaviyo.com/products/email-marketing/templates/">Klaviyo’s template editor</a> makes this easy with drag-and-drop editing.</p>\n\n\n\n<h2 class=\"wp-block-heading\">5. Use a mobile-first email design</h2>\n\n\n\n<p>Without question, people are opening emails on mobile devices. That means an email design best practice is to adopt <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/115005254428-Optimize-Your-Emails-for-Mobile/">mobile-first email design</a> principles and ensure emails are responsive—meaning they adjust depending on the size and orientation of the screen someone is using to view them.</p>\n\n\n\n<p>Mobile-first email design looks like:<br></p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Subject line and preview text that fits the mobile inbox</li>\n\n\n\n<li>Properly sized, mobile-optimized images that maintain their impact and integrity when someone is viewing them on a smaller screen</li>\n\n\n\n<li>A one-column layout</li>\n</ul>\n\n\n\n<p>Check out <a href=https://www.klaviyo.com/"https://oseamalibu.com//" target=\"_blank\" rel=\"noreferrer noopener\">OSEA Malibu</a>’s email below for an excellent example of what “perfectly optimized for mobile” looks like in action.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"1233\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-450x1233.webp/" alt=\"Image shows a marketing email from OSEA that is optimized well for mobile. The entire email is visible without scrolling.\" class=\"wp-image-69393\" title=\"email-design-best-practices-OSEA\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-450x1233.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-768x2104.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-561x1536.webp 561w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-748x2048.webp 748w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-329x900.webp 329w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-230x630.webp 230w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-7x20.webp 7w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-380x1041.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-576x1578.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-OSEA-992x2717.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: OSEA Malibu</p>\n\n\n\n<h2 class=\"wp-block-heading\">6. Be mindful of the balance between visuals and text</h2>\n\n\n\n<p>It may be tempting to go heavy on the images because you want your products front and center. But image-heavy emails can also be slow to load, especially if the user is out and about and the coverage isn’t perfect.</p>\n\n\n\n<p>That’s just one reason why it’s important to have a healthy balance of images and copy as a principle of email design best practices. The visuals communicate your vibe, but the copy delivers the message. It’s important to have a good balance between the two.</p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://jenis.com//" target=\"_blank\" rel=\"noreferrer noopener\">Jeni’s Splendid Ice Creams</a> does a great job of finding that balance with their spring collection email. New products are the first thing the user sees upon opening the email, but any questions they might have are answered clearly in the copy.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"572\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-bestp-practices-Jenis.webp/" alt=\"Image shows a marketing email from Jeni’s Splendid Ice Creams that has a good balance of text and images. Up top is an image of 6 pints of ice cream, and below is a headline in all caps that reads, “SPRING INTO SOMETHING SWEET” with 5 lines of body copy and a CTA that reads “Shop now”.\" class=\"wp-image-69396\" title=\"email-design-best-practices-Jeni’s\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-bestp-practices-Jenis.png 301w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-bestp-practices-Jenis-11x20.webp 11w\" sizes=\"auto, (max-width: 301px) 100vw, 301px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Jeni’s Splendid Ice Creams</p>\n\n\n\n<h2 class=\"wp-block-heading\">7. Consider including GIFs—or some type of movement</h2>\n\n\n\n<p>The inbox is getting more and more competitive by the day. Any type of movement can help hold attention just a little bit longer.</p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://focl.com//" target=\"_blank\" rel=\"noreferrer noopener\">FOCL</a>’s sitewide sale email features movement to highlight a discount. It’s not overwhelming, but it catches the subscriber’s eye, for sure.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"2802\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1.gif/" alt=\"Image shows a marketing email from FOCL in which the main image—text that reads “30% off” 3 times in a row—flashes.\" class=\"wp-image-69496\" style=\"aspect-ratio:1;object-fit:contain\" title=\"email-design-best-practices-FOCL\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1.gif 1800w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-768x1196.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-987x1536.webp 987w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-1316x2048.webp 1316w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-578x900.webp 578w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-405x630.webp 405w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-13x20.webp 13w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-380x592.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-576x897.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-992x1544.webp 992w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-1024x1594.webp 1024w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-1366x2126.webp 1366w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/5.25_FOCL-1-450x701.webp 450w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">IMAGE: FOCL</p>\n\n\n\n<h2 class=\"wp-block-heading\">8. Use design to further personalize</h2>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/ecommerce-personalization/">Personalization, based on email segmentation, proves time and time again to <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/personalization-outperforms-blasts/">outperform email blasts</a>.</p>\n\n\n\n<p>“Personalization is your way of voicing who you are to your customer,” Doverspike says. “If you can provide overwhelmed customers with a unique experience, they’re more likely to look forward to those emails and even action on them.”</p>\n\n\n\n<p>“Personalization is one of the best ways to get in front of your highest drivers, your brand enthusiasts, and your high rollers,” he adds. “Make sure you’re giving them a positive experience to continue that relationship with you.”</p>\n\n\n\n<p>Segment your subscribers and customers based on:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Products they’ve purchased</li>\n\n\n\n<li>Where they are in your funnel (such as brand new, only browsing, have purchased several times before)</li>\n\n\n\n<li>Geography</li>\n\n\n\n<li><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/customer-first-data/">Niche, zero-party </a>information they’ve shared in surveys, quizzes, and <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/top-signup-forms-examples/">on-site forms</a></li>\n</ul>\n\n\n\n<p>Those are only a few <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/email-segmentation-ideas/">segmentation examples</a> to help you align with email design best practices. But in each of these instances, because you’re creating a customized message for that specific segment, the content is already highly personalized in a 1:many way.</p>\n\n\n\n<p>Then, to make the email experience feel 1:1, you can incorporate even more customized touches, including:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customers’ first names</li>\n\n\n\n<li>Product recommendations based on products customers previously browsed</li>\n\n\n\n<li>Communication <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/best-email-send-times/">at a time</a> the customer is most active and receptive—likely depending on their time zone</li>\n\n\n\n<li>Special milestones, such as a customer’s birthday, their <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/anniversary-email-examples/">anniversary of their first purchase with your brand, and <a href=https://www.klaviyo.com/"https://www.klaviyo.com/marketing-resources/holidays/">major holidays</a> in their region</li>\n\n\n\n<li>A banner at the top personalized to their rewards status</li>\n</ul>\n\n\n\n<p>Klaviyo’s <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/7655965301531/">show/hide feature</a> sets you up to collect preferences from subscribers and then use that data to personalize your messages further. You can also show or hide certain images or promotions based on event data. <a href=https://www.klaviyo.com/"https://focl.com//" target=\"_blank\" rel=\"noreferrer noopener\">FOCL</a> uses the feature to personalize the banner at the top to the subscriber’s reward status.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"421\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-450x421.webp/" alt=\"Image shows 2 separate marketing emails from FOCL that have all the same content, except for the banner at the top, which is personalized to the subscriber’s rewards status.\" class=\"wp-image-69398\" title=\"email-design-best-practices-FOCL-2\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-450x421.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-768x718.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-963x900.webp 963w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-674x630.webp 674w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-20x20.webp 20w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-380x355.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-576x539.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-2-992x928.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: FOCL</p>\n\n\n\n<h2 class=\"wp-block-heading\">9. Use design to focus on pain points</h2>\n\n\n\n<p>Solving your customers’ problems should be the driving force behind your email design principles. While brand personality is also important, solutions-based design is more likely to resonate.</p>\n\n\n\n<p>Premium CBD and plant-based wellness solutions brand <a href=https://www.klaviyo.com/"https://focl.com//" target=\"_blank\" rel=\"noreferrer noopener\">FOCL</a> puts their customers’ problems front and center—literally—in this marketing email. The headline, image, copy, and footer all highlight how well they can solve their subscribers’ problems. And they don’t ask readers to take their word for it—they include stats to back up their claim.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"183\" height=\"514\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-3.webp/" alt=\"Image shows a marketing email from FOCL that forefronts their subscribers’ problems. The H1 reads, “Better sleep. Backed by data.” The hero image shows a woman sleeping. The next block includes an impressive statistic—87% of participants reported that FOCL Deep Sleep is the best sleep aid they’ve ever used.\" class=\"wp-image-69401\" title=\"email-design-best-practices-FOCL-3\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-3.png 183w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-FOCL-3-7x20.webp 7w\" sizes=\"auto, (max-width: 183px) 100vw, 183px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: FOCL</p>\n\n\n\n<h2 class=\"wp-block-heading\">10. Design for dark and light modes</h2>\n\n\n\n<p>Similar to designing for accessibility, you’ll want to design for dark mode. A lot of people keep their smartphones in dark mode even in the daytime, and this can create both a challenge and an opportunity for marketing emails.</p>\n\n\n\n<p>Klaviyo even allows you to select a specific person from your email list to view the email the way they would see it.<br><br>Bustrup stresses ensuring a seamless user experience no matter what mode the recipient’s phone is in.</p>\n\n\n\n<p>Beauty brand <a href=https://www.klaviyo.com/"https://wildling.com//" target=\"_blank\" rel=\"noreferrer noopener\">Wildling</a> optimizes their marketing emails for both light and dark mode, as seen in the comparison below.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"439\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling-450x439.webp/" alt=\"Image shows the same Wildling marketing email twice—on the left it’s in light mode, on the right, it’s in dark mode.\" class=\"wp-image-69403\" title=\"email-design-best-practices-Wildling\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling-450x439.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling.png 640w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling-20x20.webp 20w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling-380x371.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-Wildling-576x563.webp 576w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Wildling Beauty</p>\n\n\n\n<h2 class=\"wp-block-heading\">11. Use design to give a behind-the-scenes look at your brand</h2>\n\n\n\n<p>Thoughtful design elements can create windows into your company culture and values without explicitly stating them—a practice that can feel preachy or performative if you don’t do it carefully. </p>\n\n\n\n<p>Instead of spelling out your company culture, consider how design, color schemes, and image selections can subtly communicate your brand’s personality and working environment. </p>\n\n\n\n<p>This kind of transparency builds trust with subscribers who appreciate authentic glimpses into how your organization operates. Consistent visual storytelling through email design helps recipients feel connected to the humans behind the brand. </p>\n\n\n\n<p>These design choices create a narrative that goes beyond promotional content and invites subscribers into a relationship with your company.</p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://faoschwarz.com//" target=\"_blank\" rel=\"noreferrer noopener\">FAO Schwarz</a>, the famous toy store in Manhattan, has been around since 1870, and bringing the brand online—with all the excitement and history people associate with it—was no small task.Ben Zettler, founder of <a href=https://www.klaviyo.com/"https://zettlerdigital.com//" target=\"_blank\" rel=\"noreferrer noopener\">Zettler Digital</a>, shares this <a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/welcome-email-examples/">welcome email</a> he and his team helped design.</p>\n\n\n\n<p>“The ‘World’s Most Iconic Toy Store’ deserved a design refresh for their welcome message,” he says. “A big priority for the company in enhancing their online presence has been bringing their iconic branding and elements of the in-store experience they’re famous for to email. Educating new subscribers about everything FAO Schwarz has to offer has been a major part of that.”</p>\n\n\n\n<figure class=\"wp-block-klaviyo-gutenberg-blocks-pull-quote\"><blockquote class=\"klv-gutenberg-pull-quote__blockquote\">A big priority for FAO Schwarz in enhancing their online presence has been bringing their iconic branding and elements of the in-store experience they’re famous for to email.</blockquote><figcaption class=\"klv-gutenberg-pull-quote__figcaption--attribution\"><cite class=\"klv-gutenberg-pull-quote__figcaption--attribution-name\">Ben Zettler, founder</cite><div class=\"klv-gutenberg-pull-quote__figcaption--attribution-info\">Zettler Digital</div></figcaption></figure>\n\n\n\n<p>The email references their most iconic visuals, like toy soldier outfits and their giant piano, along with photos of smiling, ecstatic children.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"1925\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-450x1925.webp/" alt=\"Image shows a marketing email from FAO Schwarz, the iconic toy store. The header reads “Welcome to a World of Wonder” and the email features pictures of their most popular toys. \" class=\"wp-image-96834\" title=\"FAO-Schwarz-email-design\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-450x1925.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-768x3286.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-359x1536.webp 359w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-479x2048.webp 479w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-147x630.webp 147w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-5x20.webp 5w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-380x1626.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-576x2464.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/FAO-Schwarz-email-design-tips-min-1-992x4244.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: FAO Schwarz</p>\n\n\n\n<h2 class=\"wp-block-heading\">12. Incorporate user-generated content </h2>\n\n\n\n<p>Word of mouth can top even the best branding. Incorporating content created by your customers into email designs transforms marketing from one-sided broadcasting to community conversation. </p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/user-generated-content-ugc/">User-generated content (UGC)</a> elements like customer photos, testimonials, or social media posts add authenticity that professionally produced content often can’t match. This approach demonstrates that you value customer voices while providing social proof that resonates more deeply than brand-created messaging. </p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://getpuroair.com//">PuroAir knows that air purifiers, the product they sell, might not find shoppers who are confident about what criteria will guide their purchase—and they design their emails accordingly. </p>\n\n\n\n<p>This email engages customers by using UGC and encouraging reviews, reinforcing trust and community engagements. It also highlights key product usage benefits, educating recipients on the importance of timely replacements. </p>\n\n\n\n<p>“This campaign also strategically includes an incentive, boosting motivation for customers to take action while reinforcing product value,” says Al Salomon, head of retention at PuroAir. “The combination of social proof, education, and a compelling offer add up to a conversion-driven email.” </p>\n\n\n\n<figure class=\"wp-block-klaviyo-gutenberg-blocks-pull-quote\"><blockquote class=\"klv-gutenberg-pull-quote__blockquote\">The combination of social proof, education, and a compelling offer add up to a conversion-driven email.</blockquote><figcaption class=\"klv-gutenberg-pull-quote__figcaption--attribution\"><cite class=\"klv-gutenberg-pull-quote__figcaption--attribution-name\">Al Salomon, head of retention</cite><div class=\"klv-gutenberg-pull-quote__figcaption--attribution-info\">PuroAir</div></figcaption></figure>\n\n\n\n<p>The brand saw a 50% increase in review submissions with photos as a result of this email. Reviews including photos can be a great bank for your email design team to draw from.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"3717\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-450x3717.webp/" alt=\"Image shows a marketing email from air purifier brand Puro Air. The design includes education and user-generated content. \" class=\"wp-image-96985\" title=\"Puro-Air-email-design-tips\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-450x3717.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-768x6344.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-186x1536.webp 186w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-248x2048.webp 248w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-109x900.webp 109w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-380x3139.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-576x4758.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/PuroAir-2-1-992x8194.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<h2 class=\"wp-block-heading\">13. Don’t be afraid to be bold</h2>\n\n\n\n<p>Being bold—strategically—in email design can create memorable experiences that stand out in crowded inboxes. Consider how unexpected color combinations or unconventional layouts might differentiate your messaging while remaining appropriate and on-brand. </p>\n\n\n\n<p>Of course, bold design choices are most effective when they serve a purpose, such as highlighting seasonal promotions or signaling important company announcements. This approach works best when you build it on a foundation of consistent brand elements that provide context for creative departures. </p>\n\n\n\n<p><strong>Email design pro tip:</strong> Test bold design variations with segments of your audience before implementing them broadly. This will provide valuable insights about engagement.</p>\n\n\n\n<p><a href=https://www.klaviyo.com/"https://seeqsupply.com//" target=\"_blank\" rel=\"noreferrer noopener\">Seeq</a>, a brand that makes clear whey protein, designed this email that’s bold, vibrant, and instantly engaging, leveraging a rainbow color palette to create a visually dynamic experience.</p>\n\n\n\n<p>“Each product section is strategically color-coded to match its flavor, making it easy for recipients to differentiate between options and reinforcing the brand’s playful, flavor-forward identity,” says Zac Fromson, co-founder of <a href=https://www.klaviyo.com/"https://lilosocial.com//" target=\"_blank\" rel=\"noreferrer noopener\">Lilo Social</a>, the full-funnel ecommerce growth agency that Seeq works with.</p>\n\n\n\n<p>The result of these bold decisions? This campaign saw 2x the average revenue.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"3647\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-450x3647.webp/" alt=\"Image shows a very boldly colored marketing email from Seeq, with products every color of the rainbow.\" class=\"wp-image-96842\" title=\"Seeq-email-design\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-450x3647.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-768x6224.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-111x900.webp 111w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-380x3080.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-576x4668.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/Seeq-min-1-992x8039.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Seeq</p>\n\n\n\n<h2 class=\"wp-block-heading\">14. Make the most of your footer</h2>\n\n\n\n<p>The footer is a great place for your unsubscribe and preferences links, business address, and links to your social accounts, but it’s also a great place to showcase your brand’s personality.</p>\n\n\n\n<p>Australian toilet paper brand <a href=https://www.klaviyo.com/"https://us.whogivesacrap.org//" target=\"_blank\" rel=\"noreferrer noopener\">Who Gives a Crap</a> is famously known for its brand personality, and their footer is no exception. With text in bold that reads, “Send us love letters” and a sincere land acknowledgement, subscribers have a better sense of what they can expect when they engage with the brand.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"416\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC-450x416.webp/" alt=\"Image shows the footer of a Who Gives a Crap marketing email with social icons, links to the brand’s privacy policy, contact, and unsubscribe pages, and bold lettering saying, “Send us love letters” plus their address. It also includes a sincere land acknowledgement.\" class=\"wp-image-69407\" title=\"Email-design-best-practices-WGAC\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC-450x416.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC.png 595w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC-20x18.webp 20w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC-380x351.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-WGAC-576x532.webp 576w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Who Gives a Crap</p>\n\n\n\n<h2 class=\"wp-block-heading\">15. A/B test your emails</h2>\n\n\n\n<p>A beautiful email isn’t necessarily effective. To find out, you’ll also need to test your designs with real recipients. A slight change to one design element may translate to a significant change in performance.</p>\n\n\n\n<p>Consider <a href=https://www.klaviyo.com/"https://www.klaviyo.com/products/email-marketing/">A/B testing your email</a> design by:</p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adding or removing a navigation bar</li>\n\n\n\n<li>Changing fonts</li>\n\n\n\n<li>Adding or removing product blocks</li>\n\n\n\n<li>Switching colors</li>\n\n\n\n<li>Experimenting with different CTAs</li>\n\n\n\n<li>Mixing up your subject line copy</li>\n</ul>\n\n\n\n<p>For definitive results, you’ll want to test only one variable at a time.</p>\n\n\n\n<p>After sending out each variation, you can track email performance metrics like open and click rates to determine which design works better. Klaviyo offers <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/115003872171#:~:text=in%20the%20past.-,Add%20and%20configure%20a%20conditional%20split,display%20a%20yellow%20warning%20label.\">conditional splits in email flows</a> to help you A/B test your emails more effectively.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"370\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-prodiuct-shot.webp/" alt=\"Image shows a Klaviyo product shot for how to implement conditional splits to an A/B test.\" class=\"wp-image-69413\" title=\"Email-design-best-practices-Klaviyo-product-shot\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-prodiuct-shot.png 525w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-prodiuct-shot-20x14.webp 20w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-prodiuct-shot-380x268.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-practices-prodiuct-shot-450x317.webp 450w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Klaviyo</p>\n\n\n\n<p>Meal delivery service <a href=https://www.klaviyo.com/"https://www.sakara.com//" target=\"_blank\" rel=\"noreferrer noopener\">Sakara Life</a> conducted this A/B test to determine whether the presence of a product block improved email performance. The email on the left, including the product block, performed better with a higher click rate.</p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-new-image\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"577\" src=https://www.klaviyo.com/"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-450x577.webp/" alt=\"Image shows 2 Sakara marketing emails as part of an A/B test. The one on the left includes a product block, while the other doesn’t.\" class=\"wp-image-69420\" title=\"email-design-best-practices-Sakara\" srcset=\"https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-450x577.webp 450w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara.png 1000w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-768x985.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-701x900.webp 701w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-491x630.webp 491w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-16x20.webp 16w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-380x488.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-576x739.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/07/email-design-best-prasctices-Sakara-992x1273.webp 992w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" /></figure></div>\n\n\n<p class=\"has-text-align-center\">Image source: Sakara Life</p>\n\n\n\n<h2 class=\"wp-block-heading\">Let Klaviyo be your go-to email design platform</h2>\n\n\n\n<p>Klaviyo’s customizable <a href=https://www.klaviyo.com/"https://www.klaviyo.com/features/templates/">email templates</a> have been powering smarter digital relationships for top brands for years. Features like <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/21977834205723/">Email AI</a> for block creation, <a href=https://www.klaviyo.com/"https://help.klaviyo.com/hc/en-us/articles/4408810769307/">dynamic content</a> for personalizing product images, and customized product feeds can help you make the most of your marketing emails.</p>\n\n\n\n<h3 class=\"wp-block-heading\">Related content:</h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/email-design-examples/" target=\"_blank\" rel=\"noreferrer noopener\">Must-have email designs and trends for 2024</a></li>\n\n\n\n<li><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/ecommerce-email-popup/">11 pop-up best practices, with real-life examples for inspiration</a></li>\n\n\n\n<li><a href=https://www.klaviyo.com/"https://www.klaviyo.com/blog/email-segmentation/">Email segmentation tools have evolved—and you should use them to do the same</a></li>\n</ul>\n\n\n\n<div class=\"wp-block-klaviyo-gutenberg-blocks-cta\"><div class=\"cta-text-container\"><div class=\"cta-headline\">Schedule a call with Spark Bridge Digital.</div><a aria-label=\"Schedule a call with Spark Bridge Digital. (opens in a new tab)\" class=\"klaviyo-button\" href=https://www.klaviyo.com/"https://sparkbridgedigital.com//" rel=\"noopener\" target=\"_blank\">Reach out</a></div></div>\n"],"templatesEditorial":[0,{"cardImage":[0],"footerForm":[0,{"__typename":[0,"ContentNode_Templateseditorial_FooterForm"],"form":[0,{"__typename":[0,"ContentNode_Templateseditorial_FooterForm_Form"],"klaviyoForm":[0,{"__typename":[0,"ContentNode_Templateseditorial_FooterForm_Form_KlaviyoForm"],"backgroundColor":[0,"light"],"formId":[0,"WSHs39"]}],"hubspotForm":[0,{"__typename":[0,"ContentNode_Templateseditorial_FooterForm_Form_HubspotForm"],"redirectUrl":[0,null],"formId":[0,null],"formHeadline":[0,null]}]}],"formType":[0,"klaviyo"],"useForm":[0,true]}],"metaHeaderCopy":[0,{"displayAuthorsInFooter":[0,true],"displayAuthorsDate":[0,true],"displayBreadcrumbs":[0,true],"displayCategories":[0,true]}],"postTitle":[0,{"shortTitle":[0,"How to design effective marketing emails"]}],"sideDownloadCta":[0,{"bodyCopy":[0,null],"buttons":[0,null],"headline":[0,null],"thumbnail":[0,null]}],"titleCtas":[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas"],"buttons":[1,[[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons"],"leftIcon":[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons_LeftIcon"],"iconName":[0,null]}],"rightIcon":[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons_RightIcon"],"iconName":[0,null]}],"iconColor":[0,null],"openInNewTab":[0,null],"text":[0,"Get started"],"url":[0,"https://www.klaviyo.com/sign-up"]}],[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons"],"leftIcon":[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons_LeftIcon"],"iconName":[0,null]}],"rightIcon":[0,{"__typename":[0,"ContentNode_Templateseditorial_TitleCtas_buttons_RightIcon"],"iconName":[0,null]}],"iconColor":[0,null],"openInNewTab":[0,null],"text":[0,"Get a demo"],"url":[0,"https://www.klaviyo.com/demo-request"]}]]]}],"showRelatedContent":[0,true],"showRelatedContentGrayLine":[0,true],"showTableOfContents":[0,true]}],"isPost":[0,true],"authors":[1,[[0,{"__typename":[0,"User"],"description":[0,"Peyton Fox has empowered hundreds of e-commerce brands to elevate their email marketing by crafting comprehensive customer journey experiences and designing emails that shine in the inbox. As the host of the podcast \"The Full Inbox\" and a content creator on YouTube, Peyton is passionate about helping brands of all sizes uncover opportunities to optimize their email channel. Peyton has been a Klaviyo Community Champion for 3 years."],"name":[0,"Peyton Fox"],"firstName":[0,"Peyton"],"lastName":[0,"Fox"],"uri":[0,"/blog/author/peytonfox"],"usersAuthor":[0,{"__typename":[0,"User_Usersauthor"],"facebook":[0,null],"instagram":[0,null],"jobTitle":[0,null],"linkedIn":[0,null],"profilePhoto":[0,{"__typename":[0,"MediaItem"],"altText":[0,""],"sourceUrl":[0,"https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM.webp"],"srcSet":[0,"https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM.webp 1248w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-768x767.webp 768w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-901x900.webp 901w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-631x630.webp 631w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-20x20.webp 20w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-380x379.webp 380w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-576x575.webp 576w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-992x990.webp 992w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-1024x1022.webp 1024w, https://klaviyocms.wpengine.com/wp-content/uploads/2024/06/Screenshot-2024-06-26-at-2.37.20 PM-450x449.webp 450w"]}],"twitter":[0,null]}]}]]]}" ssr client="load" before-hydration-url="https://687e6929b7ad250008db8cfd--klaviyo-marketing-site-astro.netlify.app/_astro/astro_scripts/before-hydration.js.CswXEAt8.js" opts="{"name":"ReactEditorialLayout","value":true}" await-children>
Email design: 15 best practices + tips for your 2025 campaigns
Once you’ve nailed product-market fit, it’s time to focus on how to communicate your product to your subscribers.
Thoughtful, strategic email design can help you:
Reinforce brand identity and affinity
Stay top of mind in your subscribers’ headspace
Drive traffic to your product pages—and generate revenue
Increase open and click rates, which, in turn, can improve your sender reputation and deliverability score
Lisa Livingston, principal customer success manager at Klaviyo, says email design can be overlooked as part of an effective omnichannel strategy. But that doesn’t make it any less important.
“Well-designed emails will enhance every other part of your strategy,” Livingston says. “Making sure all of your channels’ designs align will make your brand more recognizable and make all your assets perform better.”
Most well-designed emails take into account:
CTA strategy
Mobile-first and accessibility considerations
Balancing design and text
In my 9 years as an email strategist and designer at Spark Bridge Digital, I’ve helped 100+ brands stand out in the inbox with strategic email design. Here are 13 tips to make sure your marketing emails are easy on the eyes—and cohesive with your brand’s look and feel.
1. Prepare with a master template
Livingston suggests brands keep a master email template. That way, “each of your emails will have the same font and size for the header, subheader, and text,” she says.
You can even maintain several master templates at once—one for each type of email you send.
While you’re in these early planning stages—before you’ve begun the design process—it’s a good idea to focus on your subject lines and preview text.
“Use your voice and tone in the subject line and preview text,” says Morten Bustrup, senior creative director at Elva. “Don’t be afraid to be playful with your copy—you can create a little brand moment.”
Don’t be afraid to be playful with your copy in preview text—create a brand moment.
Morten Bustrup, senior creative director
Elva
2. Design for accessibility
Email design best practices dictate that you want to meet your subscribers where they are, not halfway.
Follow accessibility best practices:
Write succinct subject lines and preview text
Add alt text to all of your images
Leave important information out of images
Use contrasting colors
Use large headers to separate ideas
Use descriptive language in links
Check out this marketing email from JOGGY that follows accessibility best practices: the colors are contrasted and the important information is laid out in a chart—not overlaid on an image.
Image source: Joggy
3. Keep your header components simple
Your email header is important real estate, but you want to make sure it doesn’t distract from the main message. Keep it simple and streamlined, with your logo and some eyebrow copy—but only add the eyebrow if it enhances your headline.
4. Be strategic with your CTAs
You only have to look at your own inbox to know how much competition your marketing emails have. So, if you want to drive subscribers to product pages, your calls-to-action (CTAs) should adhere to some email design best practices:
Keep your CTAs simple
To make sure your emails are easy to scan, consider these strategies for reducing cognitive load:
Don’t include too many offers or CTAs.
Keep the offers relevant and aligned—to the season, your subject line, and headlines.
Consider color choice for CTA hierarchy—if you have 2 CTAs close to each other, make sure you distinguish them using color.
Use clean email design with lots of line breaks in copy and just a few impactful images. This will make your CTA stand out.
Make sure there’s a CTA above the fold
Remember, the moment your email hits the inbox, you only have milliseconds to get your subscriber’s attention. Make sure your subscribers don’t need to scroll down to take action. Beautiful images and product information are important, but so is the vehicle for the action you want them to take.
Consider a low-commitment CTA
Nathan Doverspike, customer success manager at Klaviyo, draws a distinction between high-commitment CTAs—like “buy now” and “shop now”—and low-commitment CTAs, like “learn more.”
“There are ways to include CTAs so the reader doesn’t feel pressured. Shoppers can simply be there to learn, to experience, or to see more,” Doverspike explains.
“Some people experience a mental block with a CTA that pushes them to buy,” he adds. “A low-commitment CTA helps them get through that block.”
Some people experience a mental block with a CTA that pushes them to buy. A low-committment CTA helps them get through that block.
Nathan Doverspike, customer success manager
Klaviyo
Sustainable fragrance brand Apotheke sends this email with a low-commitment CTA above the fold.
Image source: APOTHEKE
Use live text and buttons instead of text on images
Doverspike also advocates for CTAs as live text and buttons—any text that isn’t image-based—because they’re easier to A/B test and change aspects of a particular campaign.
That way, you don’t have to go back to your design team and get an entirely new image or a whole new text block just to make a small change.
Without question, people are opening emails on mobile devices. That means an email design best practice is to adopt mobile-first email design principles and ensure emails are responsive—meaning they adjust depending on the size and orientation of the screen someone is using to view them.
Mobile-first email design looks like:
Subject line and preview text that fits the mobile inbox
Properly sized, mobile-optimized images that maintain their impact and integrity when someone is viewing them on a smaller screen
A one-column layout
Check out OSEA Malibu’s email below for an excellent example of what “perfectly optimized for mobile” looks like in action.
Image source: OSEA Malibu
6. Be mindful of the balance between visuals and text
It may be tempting to go heavy on the images because you want your products front and center. But image-heavy emails can also be slow to load, especially if the user is out and about and the coverage isn’t perfect.
That’s just one reason why it’s important to have a healthy balance of images and copy as a principle of email design best practices. The visuals communicate your vibe, but the copy delivers the message. It’s important to have a good balance between the two.
Jeni’s Splendid Ice Creams does a great job of finding that balance with their spring collection email. New products are the first thing the user sees upon opening the email, but any questions they might have are answered clearly in the copy.
Image source: Jeni’s Splendid Ice Creams
7. Consider including GIFs—or some type of movement
The inbox is getting more and more competitive by the day. Any type of movement can help hold attention just a little bit longer.
FOCL’s sitewide sale email features movement to highlight a discount. It’s not overwhelming, but it catches the subscriber’s eye, for sure.
“Personalization is your way of voicing who you are to your customer,” Doverspike says. “If you can provide overwhelmed customers with a unique experience, they’re more likely to look forward to those emails and even action on them.”
“Personalization is one of the best ways to get in front of your highest drivers, your brand enthusiasts, and your high rollers,” he adds. “Make sure you’re giving them a positive experience to continue that relationship with you.”
Segment your subscribers and customers based on:
Products they’ve purchased
Where they are in your funnel (such as brand new, only browsing, have purchased several times before)
Those are only a few segmentation examples to help you align with email design best practices. But in each of these instances, because you’re creating a customized message for that specific segment, the content is already highly personalized in a 1:many way.
Then, to make the email experience feel 1:1, you can incorporate even more customized touches, including:
Customers’ first names
Product recommendations based on products customers previously browsed
Communication at a time the customer is most active and receptive—likely depending on their time zone
Special milestones, such as a customer’s birthday, their anniversary of their first purchase with your brand, and major holidays in their region
A banner at the top personalized to their rewards status
Klaviyo’s show/hide feature sets you up to collect preferences from subscribers and then use that data to personalize your messages further. You can also show or hide certain images or promotions based on event data. FOCL uses the feature to personalize the banner at the top to the subscriber’s reward status.
Image source: FOCL
9. Use design to focus on pain points
Solving your customers’ problems should be the driving force behind your email design principles. While brand personality is also important, solutions-based design is more likely to resonate.
Premium CBD and plant-based wellness solutions brand FOCL puts their customers’ problems front and center—literally—in this marketing email. The headline, image, copy, and footer all highlight how well they can solve their subscribers’ problems. And they don’t ask readers to take their word for it—they include stats to back up their claim.
Image source: FOCL
10. Design for dark and light modes
Similar to designing for accessibility, you’ll want to design for dark mode. A lot of people keep their smartphones in dark mode even in the daytime, and this can create both a challenge and an opportunity for marketing emails.
Klaviyo even allows you to select a specific person from your email list to view the email the way they would see it.
Bustrup stresses ensuring a seamless user experience no matter what mode the recipient’s phone is in.
Beauty brand Wildling optimizes their marketing emails for both light and dark mode, as seen in the comparison below.
Image source: Wildling Beauty
11. Use design to give a behind-the-scenes look at your brand
Thoughtful design elements can create windows into your company culture and values without explicitly stating them—a practice that can feel preachy or performative if you don’t do it carefully.
Instead of spelling out your company culture, consider how design, color schemes, and image selections can subtly communicate your brand’s personality and working environment.
This kind of transparency builds trust with subscribers who appreciate authentic glimpses into how your organization operates. Consistent visual storytelling through email design helps recipients feel connected to the humans behind the brand.
These design choices create a narrative that goes beyond promotional content and invites subscribers into a relationship with your company.
FAO Schwarz, the famous toy store in Manhattan, has been around since 1870, and bringing the brand online—with all the excitement and history people associate with it—was no small task.Ben Zettler, founder of Zettler Digital, shares this welcome email he and his team helped design.
“The ‘World’s Most Iconic Toy Store’ deserved a design refresh for their welcome message,” he says. “A big priority for the company in enhancing their online presence has been bringing their iconic branding and elements of the in-store experience they’re famous for to email. Educating new subscribers about everything FAO Schwarz has to offer has been a major part of that.”
A big priority for FAO Schwarz in enhancing their online presence has been bringing their iconic branding and elements of the in-store experience they’re famous for to email.
Ben Zettler, founder
Zettler Digital
The email references their most iconic visuals, like toy soldier outfits and their giant piano, along with photos of smiling, ecstatic children.
Image source: FAO Schwarz
12. Incorporate user-generated content
Word of mouth can top even the best branding. Incorporating content created by your customers into email designs transforms marketing from one-sided broadcasting to community conversation.
User-generated content (UGC) elements like customer photos, testimonials, or social media posts add authenticity that professionally produced content often can’t match. This approach demonstrates that you value customer voices while providing social proof that resonates more deeply than brand-created messaging.
PuroAir knows that air purifiers, the product they sell, might not find shoppers who are confident about what criteria will guide their purchase—and they design their emails accordingly.
This email engages customers by using UGC and encouraging reviews, reinforcing trust and community engagements. It also highlights key product usage benefits, educating recipients on the importance of timely replacements.
“This campaign also strategically includes an incentive, boosting motivation for customers to take action while reinforcing product value,” says Al Salomon, head of retention at PuroAir. “The combination of social proof, education, and a compelling offer add up to a conversion-driven email.”
The combination of social proof, education, and a compelling offer add up to a conversion-driven email.
Al Salomon, head of retention
PuroAir
The brand saw a 50% increase in review submissions with photos as a result of this email. Reviews including photos can be a great bank for your email design team to draw from.
13. Don’t be afraid to be bold
Being bold—strategically—in email design can create memorable experiences that stand out in crowded inboxes. Consider how unexpected color combinations or unconventional layouts might differentiate your messaging while remaining appropriate and on-brand.
Of course, bold design choices are most effective when they serve a purpose, such as highlighting seasonal promotions or signaling important company announcements. This approach works best when you build it on a foundation of consistent brand elements that provide context for creative departures.
Email design pro tip: Test bold design variations with segments of your audience before implementing them broadly. This will provide valuable insights about engagement.
Seeq, a brand that makes clear whey protein, designed this email that’s bold, vibrant, and instantly engaging, leveraging a rainbow color palette to create a visually dynamic experience.
“Each product section is strategically color-coded to match its flavor, making it easy for recipients to differentiate between options and reinforcing the brand’s playful, flavor-forward identity,” says Zac Fromson, co-founder of Lilo Social, the full-funnel ecommerce growth agency that Seeq works with.
The result of these bold decisions? This campaign saw 2x the average revenue.
Image source: Seeq
14. Make the most of your footer
The footer is a great place for your unsubscribe and preferences links, business address, and links to your social accounts, but it’s also a great place to showcase your brand’s personality.
Australian toilet paper brand Who Gives a Crap is famously known for its brand personality, and their footer is no exception. With text in bold that reads, “Send us love letters” and a sincere land acknowledgement, subscribers have a better sense of what they can expect when they engage with the brand.
Image source: Who Gives a Crap
15. A/B test your emails
A beautiful email isn’t necessarily effective. To find out, you’ll also need to test your designs with real recipients. A slight change to one design element may translate to a significant change in performance.
For definitive results, you’ll want to test only one variable at a time.
After sending out each variation, you can track email performance metrics like open and click rates to determine which design works better. Klaviyo offers conditional splits in email flows to help you A/B test your emails more effectively.
Image source: Klaviyo
Meal delivery service Sakara Life conducted this A/B test to determine whether the presence of a product block improved email performance. The email on the left, including the product block, performed better with a higher click rate.
Image source: Sakara Life
Let Klaviyo be your go-to email design platform
Klaviyo’s customizable email templates have been powering smarter digital relationships for top brands for years. Features like Email AI for block creation, dynamic content for personalizing product images, and customized product feeds can help you make the most of your marketing emails.
Peyton Fox has empowered hundreds of e-commerce brands to elevate their email marketing by crafting comprehensive customer journey experiences and designing emails that shine in the inbox. As the host of the podcast "The Full Inbox" and a content creator on YouTube, Peyton is passionate about helping brands of all sizes uncover opportunities to optimize their email channel. Peyton has been a Klaviyo Community Champion for 3 years.
Discover how to use web forms and pop up forms to grow email and SMS lists before BFCM. Get tips, formats, and compliance strategies. Start now with Klaviyo.