- Product launch
- and Promotional, Announcement
App Launch Promo email template
A launch email for a walking app: a lone walker on a green hill with live headline text, a blue feature band, three first steps and a download panel.
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>App Launch 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-ds-50{font-size:35px!important;line-height:39px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-icon-wrap{min-width:0!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-30{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0a0e1c!important;}
.ete-content{background-color:#11162a!important;}
.ete-text{color:#d3d9ec!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#98a2c0!important;}
.ete-link{color:#9db8ff!important;}
.ete-border{border-color:#232b48!important;}
.ete-panel{background-color:#171d35!important;border-color:#232b48!important;}
.ete-btn{background-color:#7ea2ff!important;border-color:#7ea2ff!important;}
.ete-btn-text{color:#0a0e1c!important;}
.ete-btn-outline{border-color:#7ea2ff!important;}
.ete-btn-outline-text{color:#7ea2ff!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:#d3d9ec!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#98a2c0!important;}
[data-ogsc] .ete-link{color:#9db8ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a0e1c!important;}
[data-ogsb] .ete-content{background-color:#11162a!important;}
[data-ogsb] .ete-panel{background-color:#171d35!important;border-color:#232b48!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-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-poppins{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=Inter:wght@400;600;700;800&family=Poppins:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef2fb;">
<!-- 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;">Routes near you, gentle goals and friends to walk with. Steplane is live on iOS and Android. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef2fb;">
<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;border-radius:10px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#121a33;">steplane</span><div class="ete-muted" style="padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#66708a;">Walk more, without trying</div></td></tr>
<tr><td bgcolor="#3d5a3a" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-hero.jpg" valign="top" style="background-color:#3d5a3a;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-hero.jpg');background-position:center bottom;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:600px;height:520px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-hero.jpg" color="#3d5a3a" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="top" align="center" height="520" style="height:520px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.35);"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff;text-align:center;">Now on iOS and Android</p><h1 class="ete-ds-50" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:50px;line-height:54px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(50px,8.33vw);line-height:min(54px,9vw);overflow-wrap:anywhere;word-break:break-word;">Every walk counts</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">Steplane turns the walks you already take into a small daily win.</p><div style="padding-top:28px;"><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/download" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="50%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#121a33;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Get the app</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/download" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:26px;color:#121a33;font-family:Inter, '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:#121a33;">Get the app</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td class="ete-px" style="padding:28px 32px 12px;background-color:#2456e6;"><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-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;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 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-compass-ffffff.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Local routes</p><p style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">Quiet streets, parks</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;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 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-heart-ffffff.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Easy goals</p><p style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">You set the pace</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;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 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-users-ffffff.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Walk together</p><p style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#ffffff;text-align:center;">Bring a friend</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">Your first walk in three steps</h2></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="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/goals"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-city.jpg" alt="Hands holding a phone up to frame a busy street" width="165" height="165" class="ete-fluid-cap" style="display:block;width:165px;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:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">1. Open the app</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3c4560;padding-top:6px;text-align:center;">Pick a goal that feels easy for this week.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/goals" style="color:#2456e6;text-decoration:underline;">See goals</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/routes"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-shoes.jpg" alt="Navy canvas sneakers and rolled jeans on a street by a brick wall" width="165" height="165" class="ete-fluid-cap" style="display:block;width:165px;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:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">2. Lace up</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3c4560;padding-top:6px;text-align:center;">Choose a route from the map or make your own.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/routes" style="color:#2456e6;text-decoration:underline;">Browse routes</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/how"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-park.jpg" alt="Two people walking side by side down a sunny tree lined park path" width="165" height="165" class="ete-fluid-cap" style="display:block;width:165px;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:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#121a33;text-align:center;mso-line-height-rule:exactly;">3. Head out</h3></div><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3c4560;padding-top:6px;text-align:center;">Steplane counts the steps. You enjoy the walk.</p><p style="margin:0;padding-top:10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:center;"><a class="ete-link" href="https://example.com/how" style="color:#2456e6;text-decoration:underline;">How it counts</a></p></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="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#121a33;"><!--[if mso]><table role="presentation" width="600" bgcolor="#121a33" 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;align-self:flex-start;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/app-launch-promo-split.jpg" alt="A walker with trekking poles checks a trail map on a phone" width="263" height="329" class="ete-fluid" style="display:block;width:263px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></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;"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9db8ff;text-align:left;">Free to start</p><h1 class="ete-ds-30" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;line-height:36px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Take your first route today</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">The basic plan is free forever. No card needed to sign up.</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/download" style="height:48px;v-text-anchor:middle;width:217px;" arcsize="50%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#121a33;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Download Steplane</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/download" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:26px;color:#121a33;font-family:Inter, '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:#121a33;">Download Steplane</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><a class="ete-text ete-border" href="https://instagram.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #e1e7f5;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3c4560;text-decoration:none;">Instagram</a><a class="ete-text ete-border" href="https://tiktok.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #e1e7f5;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3c4560;text-decoration:none;">TikTok</a><a class="ete-text ete-border" href="https://example.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #e1e7f5;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3c4560;text-decoration:none;">Website</a></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#66708a;line-height:20px;text-align:center;"><strong>Steplane Labs</strong><br>1400 Alder Way, Suite 210, Denver, CO 80202</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#66708a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the Steplane waitlist.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#66708a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#66708a;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#66708a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#66708a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A launch announcement for a mobile app, written here for a walking and step tracking app. It opens on a wide landscape photo of a single walker on a green hill under a big sky, with the headline and the download button set on top as live text, so the message survives with images turned off.
A bright blue band follows with three white line icons for what the app does: routes, gentle health goals and walking with friends. The middle section shows three first steps in photos, from opening the app on a city walk to lacing up and heading out on a park path. A dark split panel at the end shows a walker checking a map on the phone and repeats the download button for readers who scrolled to the bottom.
Poppins headings, white space and one strong blue make it feel light and modern.
Swap the photos and features for your own app, and send it on launch day to your waitlist.
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
- Full-bleed walker photo with live text
- Blue feature band
- Three first steps
- Dark download split panel
- Social links
- Footer
Subject line ideas
- Steplane is here: your walks, mapped
- {{first_name}}, your next walk starts in the app
- Meet Steplane, the app that makes walking a habit
Preview text idea
Routes near you, gentle goals and friends to walk with. Steplane is live on iOS and Android.