Summer Sale Bold Yellow email template
A bright summer sale email on sunny yellow: big headline, framed beach photo, three summer picks from $29, an extra code and a row of shop promises.
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>Summer Sale Bold Yellow</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-76{font-size:53px!important;line-height:58px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-icon-wrap{min-width:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0f0e09!important;}
.ete-content{background-color:#17150f!important;}
.ete-text{color:#e6e0cc!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#aaa38c!important;}
.ete-link{color:#ffd23f!important;}
.ete-border{border-color:#2e2b20!important;}
.ete-panel{background-color:#201d14!important;border-color:#2e2b20!important;}
.ete-btn{background-color:#ffd23f!important;border-color:#ffd23f!important;}
.ete-btn-text{color:#1c1a12!important;}
.ete-btn-outline{border-color:#ffd23f!important;}
.ete-btn-outline-text{color:#ffd23f!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:#e6e0cc!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#aaa38c!important;}
[data-ogsc] .ete-link{color:#ffd23f!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0f0e09!important;}
[data-ogsb] .ete-content{background-color:#17150f!important;}
[data-ogsb] .ete-panel{background-color:#201d14!important;border-color:#2e2b20!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 Black';mso-hansi-font-family:'Arial Black';mso-bidi-font-family:'Arial Black';}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-archivo-black{mso-ascii-font-family:'Arial Black';mso-hansi-font-family:'Arial Black';mso-bidi-font-family:'Arial Black';}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Archivo+Black&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#fdf0d2;">
<!-- 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;">Up to 50% off hats, sandals and beach gear. Summer picks start at $29. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#fdf0d2;">
<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;background-color:#ffd23f;"><span class="" style="font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#1c1a12;">Sunhouse</span><div class="" style="padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#1c1a12;">Made for warm days</div></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#ffd23f;text-align:center;"><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:#1c1a12;text-align:center;">Up to 50% off</p><h1 class="ete-ds-76" style="margin:0;font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:76px;line-height:82px;font-weight:400;color:#1c1a12;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(76px,12.67vw);line-height:min(82px,13.67vw);overflow-wrap:anywhere;word-break:break-word;">Summer Sale</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#1c1a12;padding-top:16px;text-align:center;">Light pieces for long days. Picks from $29 while they last.</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/summer-sale" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="50%" strokecolor="#1c1a12" fillcolor="#1c1a12"><w:anchorlock/><center style="color:#ffd23f;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Shop the sale</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/summer-sale" style="display:inline-block;background-color:#1c1a12;border:1px solid #1c1a12;line-height:48px;border-radius:28px;color:#ffd23f;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:#ffd23f;">Shop the sale</span></a><!--<![endif]--></td></tr></table></div></td></tr>
<tr><td class="ete-px" style="padding:0 32px 32px;background-color:#ffd23f;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/summer-sale-bold-yellow-hero.jpg" alt="A woman in sunglasses looks up at a clear blue summer sky" width="536" height="360" class="ete-fluid" style="display:block;width:536px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:10px;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" 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:#1c1a12;text-align:center;">Good vibes</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:24px;line-height:32px;font-weight:400;color:#1c1a12;text-align:center;mso-line-height-rule:exactly;">For brighter days</h2></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/sun-hat"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/summer-sale-bold-yellow-hat.jpg" alt="A woven straw sun hat with a black band resting in tall green grass" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:10px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1c1a12;text-align:center;">-40%</p><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Straw sun hat</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$29 <span class="ete-muted" style="color:#6e6650;text-decoration:line-through;">$48</span></p><p style="margin:0;padding-top:8px;font-family:'DM Sans', '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/sun-hat" style="color:#1c1a12;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/sandals"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/summer-sale-bold-yellow-sandals.jpg" alt="Olive green strap sandals worn on a plain white floor" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:10px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1c1a12;text-align:center;">-40%</p><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Strap sandals</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$39 <span class="ete-muted" style="color:#6e6650;text-decoration:line-through;">$65</span></p><p style="margin:0;padding-top:8px;font-family:'DM Sans', '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/sandals" style="color:#1c1a12;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><a href="https://example.com/flip-flops"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/summer-sale-bold-yellow-flipflops.jpg" alt="A pair of bright tropical print flip flops standing in beach sand" width="158" height="158" class="ete-fluid-cap" style="display:block;width:158px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;border-radius:10px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#1c1a12;text-align:center;">-50%</p><p class="ete-heading" style="margin:0;padding-top:6px;font-family:'Archivo Black', 'Arial Black', Arial, sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Beach flip flops</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$12 <span class="ete-muted" style="color:#6e6650;text-decoration:line-through;">$24</span></p><p style="margin:0;padding-top:8px;font-family:'DM Sans', '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/flip-flops" style="color:#1c1a12;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" class="ete-panel" style="padding:24px 20px;background-color:#fff8de;border:2px dashed #1c1a12;border-radius:10px;text-align:center;"><p class="ete-muted" style="margin:0;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:#6e6650;">Extra 10% off</p><p class="ete-code ete-heading" style="margin:0;padding-top:8px;font-family:'Courier New',Courier,monospace;font-size:30px;line-height:38px;font-weight:700;letter-spacing:4px;color:#1c1a12;">SUNNY10</p><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:8px;">Add it at checkout, on top of sale prices.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:19px;color:#6e6650;padding-top:6px;">Until Sunday at midnight, one use per order.</p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:28px 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-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-truck-a8703f.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 class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1c1a12;text-align:center;">Free shipping</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e6650;text-align:center;">On orders over $60</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-returns-a8703f.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 class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1c1a12;text-align:center;">Easy returns</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e6650;text-align:center;">30 days, no questions</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-sun-a8703f.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 class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1c1a12;text-align:center;">Fits all summer</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e6650;text-align:center;">Size help by chat</p></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 #f0e6c2;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3a3320;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 #f0e6c2;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3a3320;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 #f0e6c2;border-radius:999px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#3a3320;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e6650;line-height:20px;text-align:center;"><strong>Sunhouse</strong><br>35 Coral Way, Miami, FL 33145</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e6650;line-height:20px;text-align:center;padding-top:10px;">You get this email because you signed up for Sunhouse sale news.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e6650;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6e6650;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:#6e6650;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6e6650;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 seasonal sale email for fashion, accessories and lifestyle shops. It opens on a full yellow band that feels like the first warm day of the year. A short line names the discount, a big bold headline says Summer Sale, and a dark button leads straight to the shop.
Inside the same yellow band sits a framed photo of a woman in sunglasses looking up at a clear sky, shot from behind, so the moment stays light and never posed. Below the band, three summer picks follow in a clean white grid with sale prices and the old price struck through: a straw sun hat, strap sandals and bright beach flip flops. A dashed code box adds a little extra for early shoppers, and three small line icons answer the usual questions about shipping, returns and sizes.
Near black text on the yellow keeps the headline strong, and the rounded button picks up the same dark tone with yellow letters.
Swap the products and the end date, keep the band color, and the email will read as summer at a glance.
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 on yellow
- Yellow headline band with framed photo
- Summer picks heading
- Three product grid
- Extra code
- Icon row
- Social links
- Footer
Subject line ideas
- Summer Sale is here: up to 50% off
- Hats, sandals and shades from $29
- {{first_name}}, your summer picks just got cheaper
Preview text idea
Up to 50% off hats, sandals and beach gear. Summer picks start at $29.