Password Reset With Help Links email template
A dark password reset email for a banking app: a lock illustration, reset button, request details with device and place, and help links if it was not you.
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>Password Reset With Help Links</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-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#050b1a!important;}
.ete-content{background-color:#0b1630!important;}
.ete-text{color:#c9d4ea!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#8b9bbb!important;}
.ete-link{color:#5ff0c0!important;}
.ete-border{border-color:#1d2b4d!important;}
.ete-panel{background-color:#111f40!important;border-color:#1d2b4d!important;}
.ete-btn{background-color:#3ee6b0!important;border-color:#3ee6b0!important;}
.ete-btn-text{color:#04221a!important;}
.ete-btn-outline{border-color:#3ee6b0!important;}
.ete-btn-outline-text{color:#3ee6b0!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:#c9d4ea!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#8b9bbb!important;}
[data-ogsc] .ete-link{color:#5ff0c0!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#050b1a!important;}
[data-ogsb] .ete-content{background-color:#0b1630!important;}
[data-ogsb] .ete-panel{background-color:#111f40!important;border-color:#1d2b4d!important;}
</style>
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#050b1a;">
<!-- 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;">Someone asked to reset your Coinwell password. Check the details inside. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#050b1a;">
<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:#0b1630;border-radius:12px;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:Verdana, Geneva, sans-serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#ffffff;">Coinwell</span></td></tr>
<tr><td align="center" class="ete-px" style="padding:12px 32px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/coinwell-lock.png" alt="Mint padlock on a dark navy circle" width="240" height="180" class="" style="display:block;width:240px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"></td></tr>
<tr><td align="center" class="ete-px" style="padding:40px 32px;"><h1 class="ete-heading ete-h1" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">Reset your password</h1><p class="ete-text" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:17px;line-height:27px;color:#c9d4ea;padding-top:14px;text-align:center;">We got a request to reset the password for the Coinwell account linked to {{email}}. The link below works for 30 minutes.</p><div style="padding-top:24px;"><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/reset/c71a" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="50%" strokecolor="#3ee6b0" fillcolor="#3ee6b0"><w:anchorlock/><center style="color:#04221a;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Reset password</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/reset/c71a" style="display:inline-block;background-color:#3ee6b0;border:1px solid #3ee6b0;line-height:48px;border-radius:30px;color:#04221a;font-family:Verdana, Geneva, 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:#04221a;">Reset password</span></a><!--<![endif]--></td></tr></table></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 class="ete-panel" style="padding:24px;background-color:#111f40;border:1px solid #1d2b4d;border-radius:12px;"><h3 class="ete-heading" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Request details</h3><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8b9bbb;">Date</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:16px;line-height:22px;color:#c9d4ea;">27 October 2026</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8b9bbb;">Time</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:16px;line-height:22px;color:#c9d4ea;">7:38 PM (GMT)</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8b9bbb;">Device</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Verdana, Geneva, sans-serif;font-size:16px;line-height:22px;color:#c9d4ea;">Chrome on Windows 11<br><span class="ete-muted" style="color:#8b9bbb;font-size:14px;">Near Lisbon, Portugal. IP 203.0.113.24</span></td></tr></table></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h3 class="ete-heading" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">This was not me</h3></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;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Freeze account</h3></div><p class="ete-text" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:24px;color:#c9d4ea;padding-top:6px;text-align:left;">Stop all logins and card payments in one tap.</p><p style="margin:0;padding-top:10px;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/freeze" style="color:#5ff0c0;text-decoration:underline;">Freeze now</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;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Talk to us</h3></div><p class="ete-text" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:24px;color:#c9d4ea;padding-top:6px;text-align:left;">Call 555 0142, open day and night.</p><p style="margin:0;padding-top:10px;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/support" style="color:#5ff0c0;text-decoration:underline;">Contact support</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;"><div style="padding-top:0px;"><h3 class="ete-heading" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Stay safe</h3></div><p class="ete-text" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:24px;color:#c9d4ea;padding-top:6px;text-align:left;">How to spot fake bank emails and calls.</p><p style="margin:0;padding-top:10px;font-family:Verdana, Geneva, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/security" style="color:#5ff0c0;text-decoration:underline;">Security tips</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#8b9bbb;line-height:20px;text-align:center;"><strong>Coinwell Financial Ltd.</strong><br>9 Quay Street, Bristol BS1 4DB</p><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#8b9bbb;line-height:20px;text-align:center;padding-top:10px;">Security email sent to every Coinwell customer who requests a reset. We never ask for your PIN.</p><p class="ete-muted" style="margin:0;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:21px;color:#8b9bbb;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8b9bbb;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:Verdana, Geneva, sans-serif;font-size:12px;line-height:18px;color:#8b9bbb;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8b9bbb;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Postmark Transactional Email Templates by Wildbit (now ActiveCampaign), MIT license.
About this template
Money apps need reset emails that feel safe. This dark design for Coinwell, a sample banking app, uses a deep navy card and a calm mint accent. A small lock illustration sits at the top, followed by a clear heading and the reset button.
Next comes a panel with the request details: date, time, browser and rough location. People use these facts to judge if the request was theirs. Three help links in columns cover the case when it was not: lock the account, call support, read security tips.
Keep the expiry short, 30 minutes is common for banks. Fill the device row from your login logs, never guess it. Do not add marketing to this email, because a promo next to a security message lowers trust.
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
- Lock illustration
- Heading and message
- Reset button
- Request details panel
- Not me heading
- Three help links
- Footer
Subject line ideas
- Reset your Coinwell password
- Password reset requested on your account
- Was this you? Password reset for Coinwell
Preview text idea
Someone asked to reset your Coinwell password. Check the details inside.