Reset Password – Branded
Branded password reset email with Supabase green accents.
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="/static/company-logo.png"/><link rel="preload" as="image" href="https://placehold.in/40x40@2x.png/3ECF8E"/><link rel="preload" as="image" href="https://placehold.in/32x32@2x.png/3B82F6"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><style></style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style><style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
mso-font-alt: 'Arial';
src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style></head><body style="background-color:rgb(244,244,245);margin:0"><!--$--><!--html--><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">Reset your AppName password — this link expires in 60 minutes.<div> </div></div><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="background-color:rgb(244,244,245);margin:0rem;padding:0rem;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji""><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(244,244,245);padding-bottom:2.5rem;padding-top:2.5rem;padding-right:1rem;padding-left:1rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin-right:auto;margin-left:auto"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-top-left-radius:1rem;border-top-right-radius:1rem;padding-right:2.5rem;padding-left:2.5rem;padding-top:2.5rem;padding-bottom:1.5rem;border-bottom-style:solid;border-bottom-width:1px;border-color:rgb(228,228,231)"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:left"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:0rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:2rem"><img alt="AppName logo" height="32" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none;border-radius:0.375rem" width="32"/></td><td data-id="__react-email-column" style="padding-left:0.5rem"><p style="font-size:18px;line-height:1;margin:0rem;font-weight:700;color:rgb(24,24,27);letter-spacing:-0.025em;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">AppName</p></td></tr></tbody></table></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:12px;line-height:24px;margin:0rem;color:rgb(113,113,122);letter-spacing:0.025em;text-transform:uppercase;font-weight:600;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Account Security</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-top:2.5rem;padding-bottom:0.5rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><div style="width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg, #D1FAE5 0%, #A7F3D0 100%);display:inline-flex;align-items:center;justify-content:center;margin:0 auto"><img alt="Lock icon" height="40" src="https://placehold.in/40x40@2x.png/3ECF8E" style="display:block;outline:none;border:none;text-decoration:none;border-radius:0.5rem" width="40"/></div></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-top:1.5rem;padding-bottom:0.5rem"><tbody><tr><td><h1 style="margin:0rem;margin-bottom:1rem;font-size:28px;font-weight:700;color:rgb(24,24,27);line-height:1.25;letter-spacing:-0.025em;text-align:center">Reset your password</h1><p style="font-size:16px;line-height:1.625;margin:0rem;margin-bottom:0.5rem;color:rgb(82,82,91);text-align:center;margin-top:0rem;margin-left:0rem;margin-right:0rem">Hi Alex,</p><p style="font-size:16px;line-height:1.625;margin:0rem;margin-bottom:1.5rem;color:rgb(82,82,91);text-align:center;margin-top:0rem;margin-left:0rem;margin-right:0rem">No worries — it happens to everyone. Click the button below to set a new password for your<!-- --> <span style="color:#18181B;font-weight:600">AppName</span> <!-- -->account. This link is valid for a limited time, so please act promptly.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:2rem;text-align:center"><tbody><tr><td><a href="https://appname.io/reset-password?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#3ECF8E;color:#ffffff;font-size:15px;font-weight:600;border-radius:12px;padding-right:36px;padding-left:36px;padding-bottom:14px;padding-top:14px;text-decoration-line:none;letter-spacing:0.01em;padding:14px 36px" target="_blank"><span><!--[if mso]><i style="mso-font-width:450%;mso-text-raise:21" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:10.5px">Choose a New Password</span><span><!--[if mso]><i style="mso-font-width:450%" hidden>    ​</i><![endif]--></span></a></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:2rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column"><div style="background-color:#FFF7ED;border:1px solid #FED7AA;border-radius:10px;padding:14px 18px"><p style="font-size:13px;line-height:1.375;margin:0rem;color:rgb(146,64,14);text-align:center;font-weight:500;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This password reset link will expire in<!-- --> <span style="font-weight:700">60 minutes</span>. If you did not request a password reset, you can safely ignore this email.</p></div></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-top-style:solid;border-top-width:1px;border-color:rgb(228,228,231);margin:0rem"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:1.5rem;padding-top:1.5rem"><tbody><tr><td><p style="font-size:13px;line-height:1.375;margin:0rem;margin-bottom:0.5rem;color:rgb(113,113,122);text-align:center;margin-top:0rem;margin-left:0rem;margin-right:0rem">If the button above does not work, copy and paste the link below into your browser:</p><p style="font-size:14px;line-height:24px;margin:0rem;text-align:center;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://appname.io/reset-password?token=abc123xyz" style="color:#3ECF8E;text-decoration-line:underline;font-size:12px;word-break:break-all" target="_blank">https://appname.io/reset-password?token=abc123xyz</a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:2rem"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-top-style:solid;border-top-width:1px;border-color:rgb(228,228,231);margin-top:1.5rem;margin-bottom:1.5rem"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:40px;vertical-align:top"><img alt="Security tip icon" height="32" src="https://placehold.in/32x32@2x.png/3B82F6" style="display:block;outline:none;border:none;text-decoration:none;border-radius:0.5rem" width="32"/></td><td data-id="__react-email-column" style="padding-left:0.75rem"><p style="font-size:13px;line-height:24px;margin:0rem;margin-bottom:0.25rem;font-weight:600;color:rgb(24,24,27);margin-top:0rem;margin-left:0rem;margin-right:0rem">Security Reminder</p><p style="font-size:13px;line-height:1.625;margin:0rem;color:rgb(113,113,122);margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">AppName will never ask for your password via email or phone. If you did not initiate this request, please contact our support team immediately at<!-- --> <a href="mailto:security@appname.io" style="color:#3B82F6;text-decoration-line:underline" target="_blank">security@appname.io</a>.</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding-right:2.5rem;padding-left:2.5rem;padding-bottom:2rem;padding-top:2rem;background-color:#18181B"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><p style="font-size:15px;line-height:24px;margin:0rem;margin-bottom:0.25rem;font-weight:700;color:rgb(255,255,255);letter-spacing:-0.025em;margin-top:0rem;margin-left:0rem;margin-right:0rem">AppName</p><p style="font-size:12px;line-height:24px;margin:0rem;color:rgb(113,113,122);margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">The platform built for modern teams.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><a href="https://appname.io" style="color:#A1A1AA;text-decoration-line:none;font-size:12px;margin-right:0.5rem;margin-left:0.5rem;text-decoration:none;margin:0 8px" target="_blank">Website</a><a href="https://appname.io/help" style="color:#A1A1AA;text-decoration-line:none;font-size:12px;margin-right:0.5rem;margin-left:0.5rem;text-decoration:none;margin:0 8px" target="_blank">Help Center</a><a href="https://appname.io/privacy" style="color:#A1A1AA;text-decoration-line:none;font-size:12px;margin-right:0.5rem;margin-left:0.5rem;text-decoration:none;margin:0 8px" target="_blank">Privacy Policy</a><a href="https://appname.io/terms" style="color:#A1A1AA;text-decoration-line:none;font-size:12px;margin-right:0.5rem;margin-left:0.5rem;text-decoration:none;margin:0 8px" target="_blank">Terms of Service</a></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-top-style:solid;border-top-width:1px;border-color:rgb(39,39,42);margin-bottom:1rem"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><p style="font-size:11px;line-height:1.625;margin:0rem;color:rgb(82,82,91);margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">AppName Inc. — 340 Pine Street, Suite 800, San Francisco, CA 94104</p><p style="font-size:11px;line-height:24px;margin:0rem;margin-top:0.25rem;color:rgb(82,82,91);margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This is an automated security email. Please do not reply directly to this message.</p><p style="font-size:11px;line-height:24px;margin:0rem;margin-top:0.5rem;color:rgb(82,82,91);margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Copyright 2026 AppName Inc. All rights reserved.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>