{"id":37955,"date":"2021-12-14T10:00:00","date_gmt":"2021-12-14T15:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/?p=37955"},"modified":"2025-01-31T10:20:18","modified_gmt":"2025-01-31T15:20:18","slug":"foundations-of-email-design","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design","title":{"rendered":"Foundations of Email Design [Complete Guide]"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_244edfbd0cadae195e1cb007d36285cc\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>At Litmus, we live and breathe <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-design\/\">email design<\/a>\u2014and we want to help you build a strong foundation, from the ground up.<\/p>\n<p>Whether you\u2019re new to email design or a seasoned veteran, one thing\u2019s for sure: You\u2019ve got to have a solid understanding of the basics. That\u2019s why we put together Foundations of Email Design\u2014not only to give you the fundamental techniques and principles to get started, but also to equip you with best practices, too.<\/p>\n<p>We just released our fifth (and final) lesson for our Foundations of Email Design series. In this next installment, we\u2019re covering an all-important topic: accessibility.<\/p>\n<p>Here\u2019s a rundown on the topics we cover in each lesson:<\/p>\n<ul>\n<li><b>Lesson 1: Layouts<\/b> &#8211; hierarchy, layout elements, single- vs. multi-column layouts<\/li>\n<li><b>Lesson 2: Imagery<\/b> &#8211; file types, compression, iconography, our favorite resources<\/li>\n<li><b>Lesson 3: Fonts and Typography<\/b> &#8211; fonts (like <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-web-fonts\" target=\"_blank\">web safe fonts<\/a>), typography, readability, live text<\/li>\n<li><b>Lesson 4: Calls-to-action<\/b> &#8211; primary CTAs, secondary CTAs, <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\">bulletproof buttons<\/a><\/li>\n<li><b>Lesson 5: Accessibility <\/b>&#8211; color contrasts, simplification, readability<\/li>\n<\/ul>\n<p>In this resource, we walk you through examples, important considerations, and our recommendations\u2014empowering you with the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/state-of-email-design-tools\" rel=\"noopener\" target=\"_blank\">email design tools<\/a> you need to design with confidence. Use this as a compass to help you navigate what lies ahead of your email design journey.<\/p>\n<p><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/?utm_campaign=wc-2021-10-foundations_of_email_design-testing&amp;utm_medium=blog&amp;utm_source=marketing\" target=\"_blank\" rel=\"noopener noreferrer\">GET STARTED TODAY \u2192<\/a><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.<\/p>\n","protected":false},"author":25,"featured_media":40251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[240,152,478,520,102,468,9805],"blog_category":[53],"class_list":["post-37955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-animated-gif","tag-call-to-action","tag-design","tag-email-accessibility","tag-html","tag-images","tag-text","blog_category-tips-resources"],"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>Foundations of Email Design [Complete Guide] - Litmus<\/title>\n<meta name=\"description\" content=\"Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.\" \/>\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\/blog\/foundations-of-email-design\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Foundations of Email Design [Complete Guide]\" \/>\n<meta property=\"og:description\" content=\"Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/foundations-of-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:published_time\" content=\"2021-12-14T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-31T15:20:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Foundations of Email Design [Complete Guide] - Litmus","description":"Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.","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\/blog\/foundations-of-email-design","og_locale":"en_US","og_type":"article","og_title":"Foundations of Email Design [Complete Guide]","og_description":"Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.","og_url":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2021-12-14T15:00:00+00:00","article_modified_time":"2025-01-31T15:20:18+00:00","og_image":[{"width":1380,"height":724,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design"},"author":{"name":"","@id":""},"headline":"Foundations of Email Design [Complete Guide]","datePublished":"2021-12-14T15:00:00+00:00","dateModified":"2025-01-31T15:20:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design"},"wordCount":6,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png","keywords":["Animated Gif","Call-To-Action","Design","Email Accessibility","HTML","Images","Text"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/foundations-of-email-design#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design","url":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design","name":"Foundations of Email Design [Complete Guide] - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png","datePublished":"2021-12-14T15:00:00+00:00","dateModified":"2025-01-31T15:20:18+00:00","description":"Learn email design best practices\u2014and the fundamental principles\u2014to start designing beautiful and effective emails today.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/foundations-of-email-design"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/Foundations-Master-Feature-Image-2.png","width":1380,"height":724,"caption":"Foundations of Email Design"},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/foundations-of-email-design#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Foundations of Email Design [Complete Guide]"}]},{"@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"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/37955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=37955"}],"version-history":[{"count":4,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/37955\/revisions"}],"predecessor-version":[{"id":108468,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/37955\/revisions\/108468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/40251"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=37955"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=37955"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=37955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}