{"id":40574,"date":"2021-12-20T18:49:01","date_gmt":"2021-12-20T23:49:01","guid":{"rendered":"https:\/\/www.litmus.com\/?page_id=40574"},"modified":"2025-11-21T15:01:37","modified_gmt":"2025-11-21T20:01:37","slug":"email-design","status":"publish","type":"page","link":"https:\/\/www.litmus.com\/email-design","title":{"rendered":"Email Design: Craft consistent, on-brand emails"},"content":{"rendered":"<section class=\"page-header-2022\" style=\"background-color: #eef6f5;\"><style>@media only screen and (max-width: 1399px) and (min-width: 992px)  {\r\n  .circle-bg {\r\n    top: -300px !important;\r\n  }\r\n}<\/style><div class=\"container-fluid p-0\" style=\"overflow: hidden; position: relative;\"><div style=\"width: 60%;border-radius: 50%;background-color: #c2e0dc;position: absolute;aspect-ratio: 1 \/ 1;right: -10%;top: -100%;z-index: 0;\" class=\"circle-bg\"><\/div> <div class=\"container\" style=\"padding: 75px 0;z-index: 1 !important;position: relative;\"> <div class=\"row px-3\"><div class=\"col-12 col-lg-5 mb-1 mb-lg-0\"><h1 class=\"page-header-headline\"><span class=\"page-title\">Email Design <\/span>Streamline your entire email design process<\/h1>  <p class=\"header-description mt-3\" style=\" font-size: 1.3rem; line-height: 1.3;\">Spend less time building from scratch and wrangling assets. Focus more on creating beautiful emails that get results.<\/p> <div class=\"slide-buttons mb-5\"> <a rel=\"noopener\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/pricing\/\" class=\"btn btn-primary col-12 col-lg-6 d-lg-inline d-block\">Get started<\/a> <\/div> <\/div> <div class=\"col-12 col-lg-7\"><div class=\"embed-responsive embed-responsive-16by9\" style=\"background-image: url(https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/design-tab.svg);background-size: contain;background-repeat: no-repeat;\"> <script src=\"\/\/fast.wistia.com\/embed\/medias\/td5c7a643d.jsonp\" async=\"\"><\/script> <script src=\"\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async=\"\"><\/script> <div class=\"wistia_responsive_padding\"> <div class=\"wistia_responsive_wrapper\"> <div class=\"wistia_embed wistia_async_td5c7a643d popover=true popoverAnimateThumbnail=true seo=false videoFoam=true wistia_embed_initialized popoverContent=html\"  id=\"wistia-td5c7a643d\"><div id=\"wistia_55.thumb_container\" class=\"wistia_click_to_play\" style=\"position: relative; height: 413.719px; width: 735.5px;\"><div id=\"wistia_114.thumbnail\" tabindex=\"0\" style=\"cursor: pointer; display: block; height: 413.719px; overflow: hidden; outline: none; position: relative; width: 735.5px;\" class=\"\"><div id=\"wistia_114.thumbnail_focus_indicator\" style=\"height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 1;\"><\/div><div id=\"wistia_130.big_play_button_background\" style=\"height: 81px; position: absolute; width: 127px; z-index: 1; background-color: rgba(26, 75, 103, 0.76); left: 304px; top: 166px; transition: all 80ms ease-out 0s; mix-blend-mode: normal;\"><\/div><div id=\"wistia_130.big_play_button_graphic\" tabindex=\"-1\" role=\"button\" aria-label=\"Play\" style=\"background: url(&quot;data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP4AAACiCAYAAABh2nDdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAulJREFUeNrs3d1tGlEQBtAlSgEpgXSAO8AdxB2QDuwONhWQDpxUAB14OyAdmA5IB+SOvDdCSHnLn\/WdI91XP4z1aYY77DIMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAvnc\/nQzsrlYCs4JdTOxvVgKzgd7t23qkKZAW\/PLezVhnICn43qg7kBb88tbNUJcgKfr\/4+6BSkBX8buviD\/KCf7bzh8zgd\/cqB3nBt\/OH0OD3i7+1KkJW8O38ITj4\/eJvqaKQFXw7fwgNfvfo4i\/PQgleV\/D\/0J8+tnO3WCy+qXKGN0pAU5\/3D3b+Oj5ZHf\/SNHf\/7yqu45Nj3Y7n\/AWfQHXZV4\/5bpXCqE\/GqH+tLvw+uvjT8cmymrv\/Ril0fHI6\/qX93P1d\/Ak+QcEvx8HO36hPnOXwsvMflULHJ6fjX5oGO38dnzjr4WXn72EfwSdM7fx3XvBp1Cdn1L9m56\/jE6jv\/D3so+MT1PEv2fnr+ASqC7+Dh30EnzzLefQflcKoT8aof60u\/Grnf\/Sf1PHJsZpHfzt\/wSfMz52\/Ugg+WWrk\/6oMgk+OL+3c+oLPv\/dWCfgLapdfO\/29Uuj4ZJjauRF6wSfHpxb4Wys8oz4ZjvNoPymFjk+G\/TzaC73gE6Au8B5a4L2Rx6hPCM\/h6\/iE+dwCfyP0Oj45o73dvOATZBq8XdeoT5S+mxd6HZ8Ax8Ev6Oj4ROm7eaEXfAL0Czyf5436hPCqLB2fMH03L\/Q6PiGj\/Z3v2ev45Kiwvxd6wSfHg908\/KfOv1+97nqlspAT\/Ec\/aw05wT\/5UQvICn6N9kuVhJzgjyoIOcE\/+alqyAr+zgUe5AS\/uvy9ikFO8O3mISz4W6M95ATfbh7Cgv9kNw9ZwR9VBXKC\/+wCD7KCbzcPYcHfqAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvE4\/BBgAB9Vp0xXzB8AAAAAASUVORK5CYII=&quot;) 0px 0px \/ 127px 81px no-repeat transparent; cursor: pointer; display: block; height: 81px; outline: none; position: absolute; width: 127px; z-index: 1; left: 304px; top: 166px;\" class=\"\"><\/div><\/div><\/div><\/div> <\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/section>\n\n<section> <div class=\"container py-5\"> <style>@media (min-width: 0px) and (max-width: 992px) {.mx-sm-autos { margin-right: auto!important; margin-left: auto!important;}}} <\/style><div class=\"row\"><h2 class=\"h-xl text-center\">58% of marketers spend <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/state-of-email\/\">2+ weeks<\/a> creating a single email<\/h2><p class=\"col-12 col-lg-8 text-center mx-auto\">Don\u2019t let an inefficient email design workflow be the reason you don\u2019t hit your email marketing goals.<\/p><p class=\"col-12 col-lg-8 text-center mx-auto\">Litmus helps you scale up your team\u2019s email design process without compromising on quality. It\u2019s the most efficient way for everyone to send on-brand html emails quickly.<\/p><\/div><div class=\"row mt-5\"> <div class=\"col-12 col-md-6 col-lg-4 col text-center\"><div class=\"px-0 px-lg-3 mx-auto mb-3\" style=\"background-color: #e3b23a; border-radius: 50%;aspect-ratio: 1 \/ 1;display: flex;align-items: center;width:100px;\"><i class=\"fa-solid fa-laptop-code mx-auto text-white h-xxl\"><\/i><\/div><p>Create reusable HTML email templates, code modules &amp; more<\/p><\/div> <div class=\"col-12 col-md-6 col-lg-4 col text-center\"><div class=\"px-0 px-lg-3 mx-auto mb-3\" style=\"background-color: #e3b23a;border-radius: 50%;aspect-ratio: 1 \/ 1;display: flex;align-items: center;width:100px;\"><i class=\"fa-solid fa-arrows-to-circle mx-auto text-white h-xxl\"><\/i><\/div><p>Keep all brand assets centralized and up to date<\/p><\/div> <div class=\"col-12 mx-auto col-md-6 col-lg-4 col text-center\"><div class=\"px-0 px-lg-3 mx-auto mb-3\" style=\"background-color: #e3b23a;border-radius: 50%;aspect-ratio: 1 \/ 1;display: flex;align-items: center;width:100px;\"><i class=\"fa-solid fa-gears mx-auto h-xxl text-white\"><\/i><\/div><p>Establish brand settings for consistency<\/p><\/div><\/div><\/div><\/section>\n\n<div class=\"block-success-quote alignfull py-5 px-3\"> <div class=\"container\"><div class=\"row d-flex align-items-center pb-0\"> <div class=\"col-3 mx-auto col-lg-2 px-0 px-lg-3 background-white\" style=\"border-radius: 50%; aspect-ratio: 1 \/ 1; display: flex; align-items: center;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/mindbody-logo-color-300x87.png\" class=\"p-2 p-lg-1\"><\/div><div class=\"col-12 col-lg-9 px-5 text-left pt-3 pt-lg-0 mb-4 mb-lg-0 quote\"><blockquote style=\" font-family: 'proxima-nova'; font-size: 1.5rem; line-height: 1.9rem;\" class=\"mb-3\">\u201cBy relying on templates and snippets rather than building emails from scratch, we can easily cut down production time by 50%.\u201d<\/blockquote> <p style=\" line-height: 1.2rem;\"><strong>Katie Zeff,<\/strong><br>Lifecycle Marketing Program Manager, MINDBODY<\/p><\/div> <\/div> <\/div><\/div>\n\n<section class=\"py-5\"> <div class=\"container py-4\"> <div class=\"row\"><h2 class=\"h-lg\" style=\"text-align: center; mb-5\">The most efficient way to create on-brand emails.<\/h2><p class=\"col col-lg-8 mx-auto text-center\">With Litmus, you\u2019ve got a central place for reusable templates, code modules, and brand settings \u2014 and the best way for your whole team to get eye-catching emails to market, faster.\r\n    <\/p>\r\n<div class=\"content-block pb-2 pt-4 block-inner text-media-block alignfull my-5\"><div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-12 col-md-6 order-md-2\"> <div class=\"mb-4 mb-md-0 d-flex justify-content-center align-items-center\">\r\n    \r\n    <iframe src=\"\/\/fast.wistia.net\/embed\/iframe\/td5c7a643d\" allowtransparency=\"true\" frameborder=\"0\" scrolling=\"no\" class=\"wistia_embed\" name=\"wistia_embed\" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width=\"620\" height=\"349\"><\/iframe>\r\n<script src=\"\/\/fast.wistia.net\/assets\/external\/E-v1.js\" async><\/script>\r\n    \r\n   \r\n    \r\n    <\/div> <\/div> <div class=\"col-12 col-md-6\"> <h2 class=\"h-md\"><strong>Create, store, and collaborate on every resource \u2013 all in one place<\/strong><\/h2><p>Stop wrangling design assets across multiple platforms. Litmus <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/new-in-litmus-create-and-collaborate-on-shared-resources-in-design-library\/\">Design Library<\/a> gives you one centralized place to create, store, manage, test, and collaborate on everything \u2013 including HTML email templates, code modules, brand colors, and more. <\/p><\/div><\/div> <\/div><\/div>\r\n    \r\n<div class=\"content-block py-2 block-inner text-media-block py-0 alignfull my-5\"><div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-md-6 \"> <div class=\"mb-4 mb-md-0 d-flex justify-content-center align-items-center\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/05\/brand-settings.png\" alt=\"Ensure emails are on-brand every time with established brand settings.\"><\/div> <\/div> <div class=\"col-md-6\"> <h2 class=\"h-md\"><strong>Create an efficient workflow without compromising on brand standards<\/strong><\/h2><p>Establish <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/whats-new-in-litmus-october-2020\/\">brand settings<\/a> so your whole team can design effective emails and get them out the door quickly. No more bottlenecks or accidental branding errors \u2013 just an efficient process that respects both your brand AND your deadlines.<\/p><\/div><\/div><\/div><\/div>\r\n    \r\n<div class=\"content-block pt-2 pb-4 block-inner text-media-block alignfull my-5\"><div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-md-6 order-md-2\"> <div class=\"mb-4 mb-md-0 d-flex justify-content-center align-items-center\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/05\/snippets.png\" alt=\"Reusable code modules help your team build emails for all campaign purposes.\"><\/div> <\/div> <div class=\"col-md-6\"> <h2 class=\"h-md\"><strong>Spend less time building and more time creating<\/strong><\/h2><p>Ready to streamline your workflow as an email designer? Use snippets to give your team more flexibility to mix and match design elements across emails. These reusable modules will automate your coding and give you back hours of <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/what-is-an-email-template\/\">email template design<\/a> and development time.<\/p><\/div> <\/div> <\/div><\/div>\r\n\r\n<div class=\"content-block pt-2 pb-5 block-inner text-media-block py-0 alignfull my-5\"><div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-md-6 \"> <div class=\"mb-4 mb-md-0 d-flex justify-content-center align-items-center\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/partials.png\" alt=\"Make a change to one Partial and have it automatically update across all emails where that Partial is used.\"><\/div> <\/div> <div class=\"col-md-6\"> <h2 class=\"h-md\"><strong>Make one change and apply it across multiple email templates<\/strong><\/h2><p>Never manually edit every email template again. <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/create-and-manage-dynamic-code-blocks-easily-with-partials\/\">Partial modules<\/a> let you make updates across multiple places instead of adjusting each one by hand. It\u2019s another way Litmus saves your whole team time and frustration while making sure every email is on brand and up to date.<\/p><\/div> <\/div> <\/div> <\/div><\/div>\r\n    \r\n<div class=\"content-block pt-2 block-inner text-media-block alignfull mt-5\"><div class=\"container\"> <div class=\"row align-items-center\"> <div class=\"col-md-6 order-md-2\"> <div class=\"mb-4 mb-md-0 d-flex justify-content-center align-items-center\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/05\/snippets.png\" alt=\"Reusable code modules help your team build emails for all campaign purposes.\"><\/div> <\/div> <div class=\"col-md-6\"> <h2 class=\"h-md\"><strong>Take your email design system with you wherever you go<\/strong><\/h2><p>Need to switch email service providers? Your email design system will easily move with you, saving you the hassle of manually transferring assets one by one.<\/p><\/div> <\/div> <\/div><\/div>\r\n<\/div><\/section>\n\n<section style=\"background: linear-gradient(to top,#f0f6f5 0%,#f0f6f5 50%,white 50%,white 100%);\" class=\"pb-2 pt-5\"> <div class=\"container mb-2\"> <div class=\"row px-3\"> <div class=\"col p-5 background-white text-center shadow-lg\" style=\"border-radius:35px;\"><h2>Start streamlining your email design today.<\/h2><p>Try Litmus and discover the most efficient way for your whole team to design on-brand emails.<\/p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/pricing\" class=\"btn btn-primary\">Get started<\/a><\/div><\/div><\/div><\/section>\n\n<style>\r\nli {\r\n  list-style-type: none;\r\n}\r\n.wrapper {\r\n  padding: 2em;\r\n}\r\nul.wrapper .row {\r\n  display: flex;\r\n}\r\nul.wrapper .row > ul > li {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 3em 6em;\r\n  flex: 1;\r\n}\r\nul.wrapper .row > ul > li {\r\n  border-right: 1px solid lightgray;\r\n  border-bottom: 1px solid lightgray;\r\n}\r\nul.wrapper .row > ul > li:last-child {\r\n  border-right: none;\r\n}\r\nul.wrapper .row:last-child ul > li {\r\n  border-bottom: none;\r\n}\r\n\r\n@media (min-width: 0px) and (max-width: 767px){\r\nul.wrapper .row > ul > li {\r\npadding: 1em 0em;\r\n    flex: unset;\r\n    border-right: none;\r\n    border-bottom: none;\r\n    width: 45%;\r\n    text-align: center;\r\n    }\r\n    ul.wrapper .row > ul > li > img {\r\n        width:50%;\r\n    }}\r\n    @media (min-width: 768px) and (max-width: 1400px){\r\nul.wrapper .row > ul > li {\r\n    padding: 1em 0em;\r\n    }\r\n    ul.wrapper .row > ul > li > img {\r\n        width:60%;\r\n    }}\r\n<\/style>\r\n<section class=\"py-5\" style=\"background-color:#f0f6f5;\">\r\n    <div class=\"container pt-5 pb-3\"> <div class=\"row\"> <div class=\"col-12\"> <h2 class=\"text-center h-md mb-3\" style=\" text-transform: uppercase;\"><strong>700,000+ users<\/strong> across companies of all industries and sizes trust Litmus<\/h2> <\/div> <\/div> <div class=\"row\">\r\n<ul class=\"wrapper\">\r\n  <li class=\"row\">\r\n    <ul class=\"row\">\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/bookingcom-color.svg\" alt=\"Booking.com\">\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/ford-color.svg\" alt=\"Ford\">\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/05\/lendingtree.svg\" alt=\"LendingTree\">\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/publicis-color.svg\" alt=\"publicis Worldwide\">\r\n      <\/li>\r\n    <\/ul>\r\n  <\/li>\r\n  <li class=\"row\">\r\n    <ul class=\"row\">\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/johnson-johnson-color.svg\" alt=\"Johnson and Johnson\">\r\n      <\/li>\r\n      <li>\r\n       <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/target-color.svg\" alt=\"Target\">\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/cisco.svg\" alt=\"Cisco\">\r\n      <\/li>\r\n      <li>\r\n        <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/01\/sony.svg\" alt=\"Sony\">\r\n      <\/li>\r\n    <\/ul>\r\n  <\/li>\r\n<\/ul>\r\n\r\n        <\/div> <\/div> <\/section>\n\n<section style=\"background-color:#f0f6f5;\">\n\t<div class=\"container pt-5 pb-5\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-12\">\n\t\t\t\t<h2 class=\"mt-2 mb-5 text-center text-uppercase h-md\"><strong>What Users Are Saying On<\/strong><img decoding=\"async\" class=\"trust-radius-headline-logo\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/trustradiusLogo-1.svg\" alt=\"TrustRadius\" width=\"124\" \/><\/h2>\n\t\t\t<\/div><!--col12-->\n\t\t<\/div><!--row-->\n\t\t<div class=\"row\">\n\t\t\t<div class=\"trustradius-tqw trustradius-widget\" data-trustradius-id=\"6284f2e2516c8c001db90829\"><\/div><script src=\"https:\/\/www.trustradius.com\/trustquotes\/trustquotes.js\" type=\"text\/javascript\" async><\/script>\n\t\t<\/div><!--row-->\n\t<\/div><!--container-->\n<\/section>\n\n\n\t<div id=\"text-accordions-block_6328573bb49d731614bda4a527e3213b\" class=\"block-text-accordions alignfull bg-texture bg-color-white\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col-md-4\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h2 id=\"faqs\">Frequently Asked Questions<\/h2>\n<p>Have a different question about how Litmus works or the Litmus pricing plans available? <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/contact-us\/\">Get in touch with one of our specialists<\/a>.<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n      <div class=\"col-md-8\">\n        <div class=\"accordions\" id=\"blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n\n                                    <div class=\"accordion-wrap\">\n\n              <h3><strong>Email Design FAQs<\/strong><\/h3>\n                              <div class=\"accordion\">\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading0\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 \"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse0\" aria-expanded=\"true\" aria-controls=\"collapse0\">\n                        How can I organize my code resources in my Litmus Design Library?                        <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse0\" class=\"collapse show\" aria-labelledby=\"heading0\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>With Categories in the Design Library in Litmus, you can organize your modules (Snippets and Partials) in one centralized location, making it easier for all team members to find content to build brand-compliant emails at scale, regardless of how many ESPs are being used.<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading1\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 collapsed\"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"true\" aria-controls=\"collapse1\">\n                        What are the different code modules I can add to my Litmus Design Library?                        <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse1\" class=\"collapse \" aria-labelledby=\"heading1\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>Once you\u2019ve built out your email templates, it\u2019s important to add code modules to give you the flexibility you need to customize templates for a variety of campaign needs. There are two types of modules in Litmus: Partials and Snippets. Partials are global modules that can be referenced in emails and templates, but are editable only at the global level. Snippets are modules that can be reused across emails and templates and are editable within the email or template they&#8217;re included in. Learn more <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/help.litmus.com\/article\/313-litmus-design-library-guide\">here<\/a>.<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading2\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 collapsed\"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"true\" aria-controls=\"collapse2\">\n                        Is there a limit to how many pre-approved brand colors I can set in Litmus?                         <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse2\" class=\"collapse \" aria-labelledby=\"heading2\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>You can add as many <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/help.litmus.com\/article\/313-litmus-design-library-guide#colors\">brand colors<\/a> as you\u2019d like and define the key purpose for each color. For example, if your call-to-action buttons are green, you can add the specific hex code for the on-brand green color and label it \u201cPrimary CTA.\u201d<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading3\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 collapsed\"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"true\" aria-controls=\"collapse3\">\n                        Can I give users access to Design Library without allowing them to add or remove content?                         <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse3\" class=\"collapse \" aria-labelledby=\"heading3\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>Yes! Users in Full, Admin, and Account Holder roles can all create, edit, and delete assets in the Design Library. Other roles\u2014like Code Editor and Content Editor\u2014can utilize the assets but not make changes.<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading4\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 collapsed\"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"true\" aria-controls=\"collapse4\">\n                        Are there any best practices to help me get started building my email design system in Design Library?                        <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse4\" class=\"collapse \" aria-labelledby=\"heading4\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>We have a number of resources available to help you get started building your email design system in Litmus. Check out our <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/\">Foundations of Email Design guide<\/a> to start, <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/how-design-systems-empower-email-teams-everywhere\/\">watch this webinar<\/a> on how email design systems empower email teams everywhere, and then feel free to peruse other <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/?blog_category=email-design\">email design resources in our blog<\/a>.<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                    <div class=\"accordion-item\">\n                    <div class=\"\" id=\"heading5\">\n                      <span class=\"mb-0 h-md\">\n                        <h3 class=\"btn btn-link w-100 pb-1 mb-0 collapsed\"  data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"true\" aria-controls=\"collapse5\">\n                        Can storing my design system in Litmus Design Library help me save time?                         <\/h3>\n                      <\/span>\n                    <\/div>\n\n                    <div id=\"collapse5\" class=\"collapse \" aria-labelledby=\"heading5\" data-bs-parent=\"#blockAccordionblock_6328573bb49d731614bda4a527e3213b\">\n                      <div class=\"\">\n                        <p><p>Yes! Customers have shared stories of how Design Library helps them save time and work efficiently while creating exceptional emails at scale. The team at <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/customers\/vsp\/\">VSP<\/a>, the largest vision service provider in the U.S., had been using an email QA platform that didn\u2019t allow them to store their email design system. After moving to Litmus and building and storing their email design system in Design Library, their email build time went from hours and days to just a half an hour on average.<\/p>\n<\/p>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                  <\/div>\n              \n              <\/div>\n                      \n        <\/div>\n      <\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n<section style=\"background: linear-gradient(to bottom,white 0%,white 50%,#30363f 50%,#30363f 100%);\" class=\"pb-2 pt-5\"> <div class=\"container mb-2\"> <div class=\"row px-3\"> <div class=\"col p-5 background-white text-center shadow-lg\" style=\"border-radius:35px;\"><h2>Join 700,000+ marketers who use Litmus to make every send count.<\/h2><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/pricing\" class=\"btn btn-primary\">Get started<\/a><\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"<p>Thousands of teams are turning to Litmus to shorten the email review process, consolidate feedback, and collaborate more effectively across the entire organization. Create workflows that free you to focus on the campaign elements that matter\u2014and the decisions that drive conversions.<\/p>\n","protected":false},"author":34,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-40574","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Email Design | Litmus<\/title>\n<meta name=\"description\" content=\"Design more effective email templates with Litmus&#039;s email design tools to help you personalize and tailor your email campaigns to your audience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/email-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Email Design | Litmus\" \/>\n<meta property=\"og:description\" content=\"Design more effective email templates with Litmus&#039;s email design tools to help you personalize and tailor your email campaigns to your audience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/email-design\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T20:01:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"314\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Email Design | Litmus","description":"Design more effective email templates with Litmus's email design tools to help you personalize and tailor your email campaigns to your audience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/email-design","og_locale":"en_US","og_type":"article","og_title":"Email Design | Litmus","og_description":"Design more effective email templates with Litmus's email design tools to help you personalize and tailor your email campaigns to your audience.","og_url":"https:\/\/www.litmus.com\/email-design","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_modified_time":"2025-11-21T20:01:37+00:00","og_image":[{"width":600,"height":314,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/email-design","url":"https:\/\/www.litmus.com\/email-design","name":"Email Design | Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"datePublished":"2021-12-20T23:49:01+00:00","dateModified":"2025-11-21T20:01:37+00:00","description":"Design more effective email templates with Litmus's email design tools to help you personalize and tailor your email campaigns to your audience.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/email-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/email-design"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/email-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Email Design: Craft consistent, on-brand emails"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]}]}},"acf":{"enable_legacy_page_header":false,"alt_header_title":"Email Design: Craft consistent, on-brand emails","background_color":"","header_image":43082,"header_image_overlay_color":"","header_description":"Create and store reusable templates, code modules, and brand settings to scale email development and boost efficiency.","header_primary_cta_button":{"title":"Try for free","url":"https:\/\/www.litmus.com\/pricing\/","target":""},"header_secondary_cta_button":{"title":"See Enterprise solutions","url":"https:\/\/www.litmus.com\/pricing\/enterprise\/","target":""},"title_alignment":"align-items-center","title_justification":"justify-content-start","text_align":"text-left","wide_header":false,"short_header":false,"form_header":false,"side_header_image":"","header_video":true,"toggle_labels":{"left":"","right":""},"price_toggle":["left"],"column":null,"video_id":"td5c7a643d"},"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/pages\/40574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=40574"}],"version-history":[{"count":15,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/pages\/40574\/revisions"}],"predecessor-version":[{"id":121134,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/pages\/40574\/revisions\/121134"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=40574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}