Gym Program Launch email template
A dark gym email with a video hero, a coach introduction, a four photo gallery and two training programs with monthly prices.
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>Gym Program Launch</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-video-450{height:251px!important;}
.ete-ds-40{font-size:28px!important;line-height:31px!important;}
.ete-ds-26{font-size:28px!important;line-height:31px!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-24{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#262626!important;}
.ete-content{background-color:#1b1b1b!important;}
.ete-text{color:#bdbdbd!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9a9a9a!important;}
.ete-link{color:#ff5c79!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#222222!important;border-color:#333333!important;}
.ete-btn{background-color:#e8173f!important;border-color:#e8173f!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#e8173f!important;}
.ete-btn-outline-text{color:#e8173f!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:#bdbdbd!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9a9a9a!important;}
[data-ogsc] .ete-link{color:#ff5c79!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#262626!important;}
[data-ogsb] .ete-content{background-color:#1b1b1b!important;}
[data-ogsb] .ete-panel{background-color:#222222!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:#262626;">
<!-- 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;">Meet your coach, see the gym, and pick one of two new programs. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#262626;">
<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:#1b1b1b;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="" style="padding:0;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#111111" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-hero.jpg" align="center" valign="middle" height="450" class="ete-video-450" style="height:450px;background-color:#111111;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-hero.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:600px;height:450px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-hero.jpg" color="#111111" /><v:textbox inset="0,0,0,0" style="v-text-anchor:middle;"><center><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="middle" height="450" class="ete-video-450" style="height:450px;background-color:rgba(0,0,0,0.3);"><div style="padding:0 24px 24px;"><h1 class="ete-ds-40" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:40px;line-height:43px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(40px,6.67vw);line-height:min(43px,7.17vw);overflow-wrap:anywhere;word-break:break-word;">Train hard,<br>
rest well</h1></div><a href="https://example.com/video" aria-label="Play video: Athlete gripping a pull-up bar in a dark gym" style="display:inline-block;width:72px;height:72px;border-radius:36px;background-color:#ffffff;color:#1b1b1b;font-family:Arial,sans-serif;font-size:26px;line-height:72px;text-align:center;text-decoration:none;mso-line-height-rule:exactly;"><span style="padding-left:5px;color:#1b1b1b;">▶</span></a></td></tr></table><!--[if gte mso 9]></center></v:textbox></v:rect><![endif]--></td></tr></table></td></tr>
<tr><td class="ete-px" bgcolor="#000000" style="background-color:#000000;padding:24px 32px 8px;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8173f;text-align:center;">Welcome</p><h2 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:#ffffff;text-align:center;mso-line-height-rule:exactly;">WELCOME TO IRONFORM</h2></td></tr>
<tr><td class="ete-px" bgcolor="#000000" style="background-color:#000000;padding:8px 32px;"><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#bdbdbd;text-align:center;">A strength and conditioning gym with small classes, real coaching and a plan for every member.</p></td></tr>
<tr><td height="28" bgcolor="#000000" style="background-color:#000000;height:28px;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:#1b1b1b;"><!--[if mso]><table role="presentation" width="600" bgcolor="#1b1b1b" 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/gym-program-launch-trainer.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/gym-program-launch-trainer.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Athlete training in low light with a strong side shadow" 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;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9a9a9a;text-align:left;">Head coach</p><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:#ffffff;text-align:left;mso-line-height-rule:exactly;">Kai Brenner</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">Twelve years on the floor. Kai writes every program and checks your form in week one.</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/coach" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="50%" strokecolor="#e8173f" fillcolor="#e8173f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Book a session</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/coach" style="display:inline-block;background-color:#e8173f;border:1px solid #e8173f;line-height:48px;border-radius:24px;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;">Book a session</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" bgcolor="#000000" style="background-color:#000000;padding:24px 32px 8px;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8173f;text-align:center;">Gallery</p><h2 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:#ffffff;text-align:center;mso-line-height-rule:exactly;">INSIDE THE GYM</h2></td></tr>
<tr><td height="12" bgcolor="#000000" style="background-color:#000000;height:12px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><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 0px;"><a href="https://example.com/gallery"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-g1.jpg" alt="Pink, black, purple and teal dumbbells on a dark gym rack" width="300" height="300" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a></td><td width="50%" valign="top" style="width:50%;padding:0 0px;"><a href="https://example.com/gallery"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-g2.jpg" alt="Lifter clapping chalk from his hands before a set" width="300" height="300" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a></td></tr></table><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;table-layout:fixed;margin-top:0px;"><tr><td width="50%" valign="top" style="width:50%;padding:0 0px;"><a href="https://example.com/gallery"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-g3.jpg" alt="A pair of worn black leather boxing gloves" width="300" height="300" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a></td><td width="50%" valign="top" style="width:50%;padding:0 0px;"><a href="https://example.com/gallery"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/gym-program-launch-g4.jpg" alt="Athlete doing a bench press under red light" width="300" height="300" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></a></td></tr></table></td></tr>
<tr><td height="24" bgcolor="#000000" style="background-color:#000000;height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" bgcolor="#1b1b1b" style="background-color:#1b1b1b;padding:24px 32px 8px;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8173f;text-align:center;">Program</p><h2 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:#ffffff;text-align:center;mso-line-height-rule:exactly;">FITNESS PROGRAMS</h2></td></tr>
<tr><td height="12" bgcolor="#1b1b1b" style="background-color:#1b1b1b;height:12px;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:#1b1b1b;"><!--[if mso]><table role="presentation" width="600" bgcolor="#1b1b1b" 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/gym-program-launch-prog1.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/gym-program-launch-prog1.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Athlete pressing a barbell on a bench in a busy gym" 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;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8173f;text-align:left;">$98 / month</p><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:#ffffff;text-align:left;mso-line-height-rule:exactly;">Cardio program</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">Three classes a week of intervals, rowing and sled work to build your engine.</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/programs/cardio" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="50%" strokecolor="#e8173f" fillcolor="#e8173f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read more</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/programs/cardio" style="display:inline-block;background-color:#e8173f;border:1px solid #e8173f;line-height:48px;border-radius:24px;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;">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="20" bgcolor="#1b1b1b" style="background-color:#1b1b1b;height:20px;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:#1b1b1b;"><!--[if mso]><table role="presentation" width="600" bgcolor="#1b1b1b" 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/gym-program-launch-prog2.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/gym-program-launch-prog2.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Woman in boxing gloves throwing a punch" 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;"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8173f;text-align:left;">$98 / month</p><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:#ffffff;text-align:left;mso-line-height-rule:exactly;">Body form program</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">Strength work with a coach for people who want to lift well and stay pain free.</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/programs/body-form" style="height:48px;v-text-anchor:middle;width:160px;" arcsize="50%" strokecolor="#e8173f" fillcolor="#e8173f"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read more</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/programs/body-form" style="display:inline-block;background-color:#e8173f;border:1px solid #e8173f;line-height:48px;border-radius:24px;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;">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="28" bgcolor="#1b1b1b" style="background-color:#1b1b1b;height:28px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="left" 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:#9a9a9a;line-height:20px;text-align:left;"><strong>Ironform Gym</strong><br>88 Mill Lane, Leeds LS1 4AB</p><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#9a9a9a;line-height:20px;text-align:left;padding-top:10px;"><a href="{{unsubscribe_url}}" style="color:#9a9a9a;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:#9a9a9a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#9a9a9a;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 16, Fitness) by Colorlib, MIT license.
About this template
A launch email for a gym, boxing club or personal training studio that has new programs to sell. It is dark from top to bottom, with one strong red accent for labels, lines and buttons, so the whole email feels like one training floor.
The opening is a moody training photo with the headline and a round play button on top, linking to a short video. A black welcome band follows, then the head coach in a split panel with a photo on one side and a short note and button on the other.
A four photo gallery runs edge to edge with no gaps, the way gym social feeds look, and the email ends with two programs, each with its price per month, a sentence about who it suits and a red button.
The structure follows a classic designer fitness template. Replace the photos with your own space and coaches, keep the dark palette, and change the programs every season.
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
- Video hero with headline
- Welcome band
- Coach split panel
- Gallery of four photos
- Two programs with prices
- Footer
Subject line ideas
- Two new programs start Monday
- Meet your coach and pick your program
- {{first_name}}, the new season of training is here
Preview text idea
Meet your coach, see the gym, and pick one of two new programs.