End of Season Clearance email template
A summer clearance email that opens on an edge to edge photo wall of the shop, then a loud caps headline on yellow, three marked down items and one button.
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>End of Season Clearance</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-64{font-size:45px!important;line-height:50px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0e0d08!important;}
.ete-content{background-color:#17150f!important;}
.ete-text{color:#e8e3d0!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#aea78f!important;}
.ete-link{color:#ffd23f!important;}
.ete-border{border-color:#332f22!important;}
.ete-panel{background-color:#211f16!important;border-color:#332f22!important;}
.ete-btn{background-color:#ffd23f!important;border-color:#ffd23f!important;}
.ete-btn-text{color:#17150f!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:#e8e3d0!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#aea78f!important;}
[data-ogsc] .ete-link{color:#ffd23f!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0e0d08!important;}
[data-ogsb] .ete-content{background-color:#17150f!important;}
[data-ogsb] .ete-panel{background-color:#211f16!important;border-color:#332f22!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:Impact;mso-hansi-font-family:Impact;mso-bidi-font-family:Impact;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-anton{mso-ascii-font-family:Impact;mso-hansi-font-family:Impact;mso-bidi-font-family:Impact;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Anton&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#fff4cc;">
<!-- 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;">Last sizes and our deepest cuts of the season. The sale ends Sunday at midnight. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#fff4cc;">
<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="" 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;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-rail.jpg" alt="Wooden hangers crowded on a metal shop rail" width="300" height="200" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td width="50%" valign="top" style="width:50%;padding:0 0px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-tees.jpg" alt="Shirts in white, black and orange on wooden hangers" width="300" height="200" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></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;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-detail.jpg" alt="Shirts on a rail behind a small cactus on a shop counter" width="300" height="200" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td><td width="50%" valign="top" style="width:50%;padding:0 0px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-floor.jpg" alt="Clothes rack and display table on a wood shop floor seen from above" width="300" height="200" class="ete-fluid" style="display:block;width:300px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td></tr></table></td></tr>
<tr><td class="ete-px" bgcolor="#ffd23f" style="background-color:#ffd23f;padding:24px 32px 8px;"><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:#1c1a12;text-align:center;">Ends Sunday at midnight</p><h1 class="ete-ds-64" style="margin:0;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:64px;line-height:69px;font-weight:400;color:#1c1a12;text-align:center;mso-line-height-rule:exactly;text-transform:uppercase;letter-spacing:0.5px;font-size:min(64px,10.67vw);line-height:min(69px,11.5vw);overflow-wrap:anywhere;word-break:break-word;">Last sizes,<br>
deepest cuts</h1></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/crew"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-sweater.jpg" alt="Cream cotton sweatshirt worn over a white shirt" 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:0px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:Inter, '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;">-60%</p><p class="ete-heading" style="margin:0;padding-top:6px;font-family:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Cotton crew</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$34 <span class="ete-muted" style="color:#6d654c;text-decoration:line-through;">$85</span></p><p style="margin:0;padding-top:8px;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/crew" style="color:#6a5200;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/oxford"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-shirt.jpg" alt="Plain white button-up shirt on a pale background" 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:0px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:Inter, '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:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Oxford shirt</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$38 <span class="ete-muted" style="color:#6d654c;text-decoration:line-through;">$76</span></p><p style="margin:0;padding-top:8px;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/oxford" style="color:#6a5200;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/deck"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/end-of-season-clearance-shoes.jpg" alt="Tan suede deck shoes worn with rolled blue jeans" 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:0px;"></a><p class="ete-link" style="margin:0;padding-top:12px;font-family:Inter, '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:Anton, Impact, 'Arial Narrow Bold', sans-serif;font-size:17px;line-height:24px;font-weight:400;color:#1c1a12;text-align:center;">Deck shoes</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3320;padding-top:2px;text-align:center;">$52 <span class="ete-muted" style="color:#6d654c;text-decoration:line-through;">$104</span></p><p style="margin:0;padding-top:8px;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/deck" style="color:#6a5200;text-decoration:underline;">Shop</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="8" style="height:8px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><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/sale" style="height:48px;v-text-anchor:middle;width:235px;" arcsize="0%" strokecolor="#1c1a12" fillcolor="#1c1a12"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Shop the whole sale</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/sale" style="display:inline-block;background-color:#1c1a12;border:1px solid #1c1a12;line-height:48px;border-radius:0px;color:#ffffff;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 class="ete-btn-text" style="color:#ffffff;">Shop the whole sale</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </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:#6d654c;line-height:20px;text-align:center;"><strong>Wool & Wharf</strong><br>12 Quay Street, Portland, ME 04101</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6d654c;line-height:20px;text-align:center;padding-top:10px;">You get this email because you signed up for Wool & Wharf sale news.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6d654c;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6d654c;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:#6d654c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6d654c;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
An end of season sale for clothing shops, outdoor brands and anyone clearing a rail before new stock lands. It skips the usual logo and hero and starts with the shop itself.
Four photos of rails, hangers and shelves fill the top from edge to edge, with no text above them. Right under that wall, a yellow band carries a tall caps headline and the end date. Three marked down pieces follow in a grid, each with a percent label, the sale price and the old price struck through. One dark button leads to the whole sale.
Change the photos to your own shop floor if you can, since it makes the sale feel real. Keep the headline short and state the end day plainly. Prices here are samples.
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
- Edge to edge photo wall
- Caps headline on yellow
- Three sale items
- Sale button
- Footer
Subject line ideas
- Last sizes, deepest cuts, ends Sunday
- Up to 60% off what is left of summer
- {{first_name}}, the rail is almost empty
Preview text idea
Last sizes and our deepest cuts of the season. The sale ends Sunday at midnight.