- Product launch
- and Promotional, Announcement
Template Builder Promo email template
A yellow and white product email for a design tool, with split panels, a feature row, a project grid, numbers, two blog posts and a two plan pricing table.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Template Builder Promo</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-nav-cell{padding-top:12px!important;}.ete-nav-cell p{text-align:center!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-26{font-size:28px!important;line-height:31px!important;}
.ete-ds-28{font-size:28px!important;line-height:31px!important;}
.ete-ds-24{font-size:28px!important;line-height:31px!important;}
.ete-ds-40{font-size:28px!important;line-height:31px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-82{min-width:82px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#101010!important;}
.ete-content{background-color:#1b1b1b!important;}
.ete-text{color:#c8c8c8!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9a9a9a!important;}
.ete-link{color:#f5cf55!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#232323!important;border-color:#333333!important;}
.ete-btn{background-color:#f2c230!important;border-color:#f2c230!important;}
.ete-btn-text{color:#111111!important;}
.ete-btn-outline{border-color:#f2c230!important;}
.ete-btn-outline-text{color:#f2c230!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#c8c8c8!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9a9a9a!important;}
[data-ogsc] .ete-link{color:#f5cf55!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#101010!important;}
[data-ogsb] .ete-content{background-color:#1b1b1b!important;}
[data-ogsb] .ete-panel{background-color:#232323!important;border-color:#333333!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#efefef;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Drag in a block, change the words, send. Plans start at $19 a month. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#efefef;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 20px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="139" valign="middle"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:middle;min-width:25.93%;max-width:100%;width:25.93%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><a href="https://example.com/" style="text-decoration:none;color:#111111;"><span class="ete-heading ete-f-dm-sans" style="font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:22px;line-height:28px;font-weight:700;letter-spacing:-0.3px;color:#111111;">Blockwise</span></a></div><!--[if mso]></td><td width="397" valign="middle"><![endif]--><div class="ete-stack ete-stack-center ete-nav-cell" style="display:inline-block;vertical-align:middle;min-width:74.06%;max-width:100%;width:74.06%;width:calc((429px - 100%) * 429);font-size:16px;text-align:right;"><p style="margin:0;text-align:right;"><a class="ete-heading" href="https://example.com/" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#111111;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Home</a><a class="ete-heading" href="https://example.com/features" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#111111;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Features</a><a class="ete-heading" href="https://example.com/pricing" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#111111;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Pricing</a><a class="ete-heading" href="https://example.com/blog" style="display:inline-block;padding:4px 10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#111111;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Blog</a></p></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#f2c230;"><!--[if mso]><table role="presentation" width="600" bgcolor="#f2c230" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;background-color:#222222;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-split.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:263px;height:375px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-split.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Two hands holding a white coffee mug over a marble table" style="height:375px;line-height:375px;font-size:0;"> </div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><h1 class="ete-ds-26" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:31px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Build your emails in minutes</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#111111;padding-top:16px;text-align:left;">Pick a layout, drop in your words and photos, and send it the same day.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/signup" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="8%" strokecolor="#111111" fillcolor="#111111"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Start free</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/signup" style="display:inline-block;background-color:#111111;border:1px solid #111111;line-height:48px;border-radius:4px;color:#ffffff;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff;">Start free</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="24" style="height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">What you can build</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;text-align:center;">Two tools, one simple editor.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-sparkle-d9a400.png" alt="Sparkle icon" width="48" height="48" class="" style="display:block;width:48px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Email design</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Ready layouts for news, sales and welcome emails.</p></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-grid-d9a400.png" alt="Grid icon" width="48" height="48" class="" style="display:block;width:48px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Landing pages</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:center;">Turn the same blocks into a page in one click.</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#f2c230;"><!--[if mso]><table role="presentation" width="600" bgcolor="#f2c230" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;background-color:#222222;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-strategy.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:263px;height:300px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-strategy.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Black and white photo of people talking over a round cafe table" style="height:300px;line-height:300px;font-size:0;"> </div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><h1 class="ete-ds-24" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Plan the whole month</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#111111;padding-top:16px;text-align:left;">A shared calendar shows every email your team has in draft or scheduled.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/calendar" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="8%" strokecolor="#111111" fillcolor="#111111"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the calendar</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/calendar" style="display:inline-block;background-color:#111111;border:1px solid #111111;line-height:48px;border-radius:4px;color:#ffffff;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#ffffff;">See the calendar</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="24" style="height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Made with Blockwise</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;text-align:center;">Four layouts people built for their own spaces this month.</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;table-layout:fixed;"><tr><td width="50%" valign="top" style="width:50%;padding:0 6px;"><a href="https://example.com/gallery/p1"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-p1.jpg" alt="Bright meeting room with a long white table and black chairs" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/gallery/p1" style="color:#111111;text-decoration:none;">Meeting room</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Team space</p></td><td width="50%" valign="top" style="width:50%;padding:0 6px;"><a href="https://example.com/gallery/p2"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-p2.jpg" alt="Bright lounge corner with a wooden chair, dark sofa and white dining chairs" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/gallery/p2" style="color:#111111;text-decoration:none;">Quiet corner</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Focus space</p></td></tr></table><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;table-layout:fixed;margin-top:12px;"><tr><td width="50%" valign="top" style="width:50%;padding:0 6px;"><a href="https://example.com/gallery/p3"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-p3.jpg" alt="Meeting room with a long table and a pink wall" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/gallery/p3" style="color:#111111;text-decoration:none;">Pink room</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Workshop space</p></td><td width="50%" valign="top" style="width:50%;padding:0 6px;"><a href="https://example.com/gallery/p4"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-p4.jpg" alt="Laptop on a home desk next to a vase of red and yellow tulips" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/gallery/p4" style="color:#111111;text-decoration:none;">Home studio</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Remote setup</p></td></tr></table></td></tr>
<tr><td class="ete-px" bgcolor="#f2c230" style="background-color:#f2c230;padding:20px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:87px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">120</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#111111;text-align:center;">Layouts</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:87px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">60</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#111111;text-align:center;">Blocks</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-82" style="display:inline-block;vertical-align:top;width:33.33%;min-width:87px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 6px 8px;"><p class="ete-ds-40 ete-hf" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:44px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">1</p><p style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#111111;text-align:center;">Editor</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">From our blog</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;text-align:center;">Short guides from the team that builds the editor.</p></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/blog/subject-lines"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-b1.jpg" alt="Laptop on a desk next to stacks of books and a lamp" width="258" height="194" class="ete-fluid-cap" style="display:block;width:258px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Write a subject line that gets read</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:left;">Mar 4 · Guides<br>
Five rules we test on every send.</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/blog/subject-lines" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="8%" strokecolor="#f2c230" fillcolor="#f2c230"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read more</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/blog/subject-lines" style="display:inline-block;background-color:#f2c230;border:1px solid #f2c230;line-height:48px;border-radius:4px;color:#111111;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#111111;">Read more</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/blog/small-screens"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/template-builder-promo-b2.jpg" alt="Tablet, phone and keyboard laid out on a grey desk" width="258" height="194" class="ete-fluid-cap" style="display:block;width:258px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Design for small screens first</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;padding-top:6px;text-align:left;">Feb 25 · Design<br>
Why one column wins on phones.</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/blog/small-screens" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="8%" strokecolor="#f2c230" fillcolor="#f2c230"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read more</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/blog/small-screens" style="display:inline-block;background-color:#f2c230;border:1px solid #f2c230;line-height:48px;border-radius:4px;color:#111111;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#111111;">Read more</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" bgcolor="#fafafa" style="background-color:#fafafa;height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#fafafa" style="background-color:#fafafa;padding:24px 32px 8px;"><h2 class="ete-ds-28" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Pricing</h2></td></tr>
<tr><td class="ete-px" bgcolor="#fafafa" style="background-color:#fafafa;padding:8px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#666666;text-align:center;">Pay monthly, cancel any time.</p></td></tr>
<tr><td class="ete-px" bgcolor="#fafafa" style="background-color:#fafafa;padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#fafafa;border:1px solid #e6e6e6;border-radius:0px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Starter<br>
<b>$19</b> / month</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#111111;padding-top:6px;text-align:center;">One brand<br>
2,000 sends a month<br>
All layouts</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/signup?plan=starter" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="8%" strokecolor="#f2c230" fillcolor="#f2c230"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Choose Starter</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/signup?plan=starter" style="display:inline-block;background-color:#f2c230;border:1px solid #f2c230;line-height:48px;border-radius:4px;color:#111111;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#111111;">Choose Starter</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="padding:16px;background-color:#fafafa;border:1px solid #e6e6e6;border-radius:0px;"><div style="padding-top:0px;"><h3 style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Team<br>
<b>$49</b> / month</h3></div><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#111111;padding-top:6px;text-align:center;">Five brands<br>
20,000 sends a month<br>
Shared calendar</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/signup?plan=team" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="8%" strokecolor="#f2c230" fillcolor="#f2c230"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Choose Team</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/signup?plan=team" style="display:inline-block;background-color:#f2c230;border:1px solid #f2c230;line-height:48px;border-radius:4px;color:#111111;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#111111;">Choose Team</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="24" bgcolor="#fafafa" style="background-color:#fafafa;height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="center" class="ete-px" bgcolor="#111111" style="background-color:#111111;padding:28px 32px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;text-align:center;"><strong>Blockwise Software</strong><br>500 Larkin Street, Suite 4, San Francisco, CA 94102</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;text-align:center;padding-top:10px;">You get this email because you started a Blockwise trial.</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#bdbdbd;line-height:20px;text-align:center;padding-top:10px;"><a href="{{unsubscribe_url}}" style="color:#bdbdbd;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8a8a8a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8a8a8a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Colorlib Email Templates (template 14, Business) by Colorlib, MIT license.
About this template
A product promotion for a software tool, an online builder or any service that sells monthly plans. It reads like a short landing page: what the product does, what people make with it, and what it costs.
The email starts with a wordmark and menu on one line, then a bright yellow split panel with a photo, the headline and a black button. Two simple features with icons follow, and a second yellow split panel talks about one strong feature.
A two by two grid shows projects built with the tool, a yellow band shows three plain numbers about the product, and two blog posts with buttons give readers something to learn. The email ends with a pricing table of two plans in bordered cards and a dark footer.
Keep the yellow for the panels and the number band, use the black buttons for every action, and change the plan names and prices to match your own offer.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Wordmark with menu
- Yellow split hero
- Two features with icons
- Yellow split panel
- Project grid with captions
- Numbers band
- Two blog posts
- Two plan pricing cards
- Footer
Subject line ideas
- Build your next email in minutes
- Four layouts our users made this month
- {{first_name}}, plans now start at $19
Preview text idea
Drag in a block, change the words, send. Plans start at $19 a month.