Cyber Monday SaaS Deal email template
A dark Cyber Monday email for a cloud app: big caps headline on navy, cyan button, a laptop glowing at night, plan perks, a code and a team plan 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>Cyber Monday SaaS Deal</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-70{font-size:49px!important;line-height:54px!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-28{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#070b1a!important;}
.ete-content{background-color:#0c1226!important;}
.ete-text{color:#c3cbe0!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#8a93ad!important;}
.ete-link{color:#7fe9ff!important;}
.ete-border{border-color:#1f2944!important;}
.ete-panel{background-color:#121a33!important;border-color:#1f2944!important;}
.ete-btn{background-color:#4de1ff!important;border-color:#4de1ff!important;}
.ete-btn-text{color:#070b1a!important;}
.ete-btn-outline{border-color:#4de1ff!important;}
.ete-btn-outline-text{color:#4de1ff!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:#c3cbe0!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#8a93ad!important;}
[data-ogsc] .ete-link{color:#7fe9ff!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#070b1a!important;}
[data-ogsb] .ete-content{background-color:#0c1226!important;}
[data-ogsb] .ete-panel{background-color:#121a33!important;border-color:#1f2944!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-space-grotesk{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=Space+Grotesk:wght@400;500;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#070b1a;">
<!-- 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;">Half off every yearly plan for 24 hours. Your files, synced and safe, for less. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#070b1a;">
<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:#0c1226;border-radius:8px;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:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#ffffff;">cloudnest</span></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#0c1226;text-align:center;"><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:#4de1ff;text-align:center;">One day only</p><h1 class="ete-ds-70" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:70px;line-height:76px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;text-transform:uppercase;letter-spacing:0.5px;font-size:min(70px,11.67vw);line-height:min(76px,12.67vw);overflow-wrap:anywhere;word-break:break-word;">Cyber Monday</h1><div style="padding-top:18px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td style="padding:7px 16px;background-color:#ffffff;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#0c1226;mso-line-height-rule:exactly;">50% off yearly plans</td></tr></table></div><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;">Every plan, every seat, half the price when you pay for the year.</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/cyber-monday" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="13%" strokecolor="#4de1ff" fillcolor="#4de1ff"><w:anchorlock/><center style="color:#070b1a;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Claim the deal</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/cyber-monday" style="display:inline-block;background-color:#4de1ff;border:1px solid #4de1ff;line-height:48px;border-radius:6px;color:#070b1a;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:#070b1a;">Claim the deal</span></a><!--<![endif]--></td></tr></table></div><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#ffffff;padding-top:14px;text-align:center;">Ends Monday at 11:59 pm Pacific.</p></td></tr>
<tr><td class="" style="padding:0;background-color:#0c1226;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/cyber-monday-saas-deal-hero.jpg" alt="An open laptop glows on a dark bed in a room at night" width="600" height="400" class="ete-fluid" style="display:block;width:600px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td></tr>
<tr><td class="ete-px" style="padding:28px 32px 12px;"><div style="padding-bottom:20px;"><h3 class="ete-heading" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">In every plan</h3></div><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-lock-4de1ff.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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Private files</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#8a93ad;text-align:center;">Encrypted end to end</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-bolt-4de1ff.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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Fast sync</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#8a93ad;text-align:center;">Phone, laptop and web</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-4de1ff.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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#ffffff;text-align:center;">Shared folders</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#8a93ad;text-align:center;">Invite anyone by link</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="" style="padding:24px 20px;background-color:#121a33;border:2px dashed #4de1ff;border-radius:8px;text-align:center;"><p class="" style="margin:0;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;">Your Cyber Monday code</p><p class="ete-code" 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:#ffffff;">NEST50</p><p class="" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#ffffff;padding-top:8px;">Enter it at checkout on any yearly plan.</p><p class="" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:19px;color:#ffffff;padding-top:6px;">New and current customers. Renews at the normal price.</p></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 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/cyber-monday-saas-deal-city.jpg" alt="A lit city skyline under low clouds at night across dark water" 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:#4de1ff;text-align:left;">For teams</p><h1 class="ete-ds-28" style="margin:0;font-family:'Space Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Move the whole team for less</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;">Team plans start at $6 per seat a month on the yearly deal, with admin controls and shared storage.</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/teams" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="13%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#0c1226;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See team pricing</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/teams" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:6px;color:#0c1226;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:#0c1226;">See team pricing</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" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a93ad;text-align:center;">The deal applies to the first year of a new or upgraded yearly plan. Monthly plans are not included.</p></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><a class="ete-text ete-border" href="https://x.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #1f2944;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#c3cbe0;text-decoration:none;">X</a><a class="ete-text ete-border" href="https://linkedin.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #1f2944;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#c3cbe0;text-decoration:none;">LinkedIn</a><a class="ete-text ete-border" href="https://example.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #1f2944;border-radius:999px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#c3cbe0;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:#8a93ad;line-height:20px;text-align:center;"><strong>cloudnest</strong><br>88 Harbor Point Drive, Suite 400, Boston, MA 02210</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a93ad;line-height:20px;text-align:center;padding-top:10px;">You get this email because you have a cloudnest account or joined our product 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:#8a93ad;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8a93ad;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:#8a93ad;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8a93ad;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 one day sale email for SaaS products, cloud storage, apps and online tools. The whole email sits on deep navy, so it reads like a night screen and stands apart from the bright retail sales that fill the inbox on that Monday.
A cyan line names the day, then the words Cyber Monday run across the band in large techy capitals. A white pill gives the discount on yearly plans, and one cyan button leads to checkout. Under it, a photo of a laptop glowing on a dark bed sets the late night mood. A row of three cyan line icons sums up what every plan includes, a code box holds the deal, and a split panel with a city skyline at night pitches the team plan. Short terms close the email above the footer.
One accent color carries the whole email: the eyebrow, the button, the icons and the dashed code border all share the same cyan, so the eye goes straight to the deal.
Change the price, the code and the end time, and send it early on Monday morning in your main time zone.
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
- Cyber Monday headline band with photo
- Plan perks icon row
- Deal code
- Team plan split panel
- Terms
- Social links
- Footer
Subject line ideas
- Cyber Monday: half off every yearly plan
- 24 hours only: cloudnest at 50% off
- {{first_name}}, your storage deal ends tonight
Preview text idea
Half off every yearly plan for 24 hours. Your files, synced and safe, for less.