Reauthentication – Branded
Branded re-authentication 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="https://placehold.in/40x40@2x.png/3ECF8E"/><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:#F8FAFC;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">Action required: Confirm your identity to continue using Vaultly — this link expires in 10 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:#F8FAFC;margin:0;padding:0;font-family:Inter, Arial, sans-serif"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="display:none;max-height:0;overflow:hidden"><tbody><tr><td></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#F8FAFC;padding:40px 16px"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin:0 auto"><tbody><tr style="width:100%"><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#FFFFFF;border-radius:12px 12px 0 0;border-top:4px solid #3ECF8E;padding:32px 48px 24px;text-align:center"><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 align="center" data-id="__react-email-column"><table role="presentation" cellPadding="0" cellSpacing="0" style="margin:0 auto"><tr><td style="vertical-align:middle;padding-right:10px"><div style="width:36px;height:36px;background-color:#3ECF8E;border-radius:8px;display:inline-block"></div></td><td style="vertical-align:middle"><p style="font-size:20px;line-height:24px;font-weight:700;color:#0F172A;margin:0;letter-spacing:-0.3px;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Vaultly</p></td></tr></table></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#F0FDF8;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0;padding:12px 48px"><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 align="center" data-id="__react-email-column"><p style="font-size:11px;line-height:24px;font-weight:600;color:#059669;margin:0;letter-spacing:1.2px;text-transform:uppercase;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Security Verification Required</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:#FFFFFF;padding:48px 48px 40px;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0"><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 align="center" data-id="__react-email-column"><div style="width:72px;height:72px;background-color:#F0FDF8;border:2px solid #3ECF8E;border-radius:50%;margin:0 auto 32px;display:flex;align-items:center;justify-content:center"><img alt="Security shield icon" height="40" src="https://placehold.in/40x40@2x.png/3ECF8E" style="display:block;outline:none;border:none;text-decoration:none;border-radius:4px" width="40"/></div></td></tr></tbody></table><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"><h1 style="font-size:28px;font-weight:700;color:#0F172A;margin:0 0 16px;line-height:1.25;letter-spacing:-0.5px;text-align:center;font-family:Inter, Arial, sans-serif">Re-authentication Required</h1></td></tr></tbody></table><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"><p style="font-size:16px;line-height:1.7;color:#475569;margin:0 0 32px;text-align:center;font-family:Inter, Arial, sans-serif;margin-top:0;margin-right:0;margin-bottom:32px;margin-left:0">For your security, Vaultly requires you to verify your identity before continuing. This is a standard precaution to protect your account and sensitive data. Click the button below to authenticate and resume your session.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="center" data-id="__react-email-column"><a href="https://app.vaultly.io/reauth?token=placeholder-secure-token" 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;font-family:Inter, Arial, sans-serif;padding:14px 40px;border-radius:8px;letter-spacing:0.1px;padding-top:14px;padding-right:40px;padding-bottom:14px;padding-left:40px" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;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">Confirm Identity</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>    ​</i><![endif]--></span></a></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="center" data-id="__react-email-column"><p style="font-size:13px;line-height:24px;color:#94A3B8;margin:20px 0 0;text-align:center;font-family:Inter, Arial, sans-serif;margin-top:20px;margin-right:0;margin-bottom:0;margin-left:0">This link expires in<!-- --> <span style="font-weight:600;color:#DC2626">10 minutes</span>. Do not share it with anyone.</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:#FFFFFF;padding-left:48px;padding-right:48px;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#E2E8F0;margin:0"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#FFFFFF;padding:32px 48px;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0"><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"><h2 style="font-size:13px;font-weight:600;color:#0F172A;margin:0 0 16px;letter-spacing:0.8px;text-transform:uppercase;font-family:Inter, Arial, sans-serif">Request Details</h2></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:10px"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:40%"><p style="font-size:13px;line-height:24px;font-weight:600;color:#64748B;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Account</p></td><td data-id="__react-email-column" style="width:60%"><p style="font-size:13px;line-height:24px;color:#0F172A;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">alex.morgan@company.com</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:10px"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:40%"><p style="font-size:13px;line-height:24px;font-weight:600;color:#64748B;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Requested at</p></td><td data-id="__react-email-column" style="width:60%"><p style="font-size:13px;line-height:24px;color:#0F172A;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">January 14, 2026 at 09:42 AM UTC</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:10px"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:40%"><p style="font-size:13px;line-height:24px;font-weight:600;color:#64748B;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">IP Address</p></td><td data-id="__react-email-column" style="width:60%"><p style="font-size:13px;line-height:24px;color:#0F172A;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">192.168.1.xxx (partially masked)</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:10px"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="width:40%"><p style="font-size:13px;line-height:24px;font-weight:600;color:#64748B;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Device</p></td><td data-id="__react-email-column" style="width:60%"><p style="font-size:13px;line-height:24px;color:#0F172A;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">Chrome on macOS</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:#FFFFFF;padding-left:48px;padding-right:48px;padding-bottom:40px;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0"><tbody><tr><td><div style="background-color:#FFF7ED;border:1px solid #FED7AA;border-left:4px solid #F97316;border-radius:8px;padding:16px 20px"><p style="font-size:13px;line-height:24px;font-weight:600;color:#9A3412;margin:0 0 6px;font-family:Inter, Arial, sans-serif;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0">Did not request this?</p><p style="font-size:13px;line-height:1.6;color:#C2410C;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">If you did not initiate this request, your account may be at risk. Please<!-- --> <a href="https://app.vaultly.io/security" style="color:#C2410C;text-decoration-line:none;font-weight:600;text-decoration:underline" target="_blank">secure your account immediately</a> <!-- -->and contact our support team.</p></div></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#F1F5F9;border-radius:0 0 12px 12px;border:1px solid #E2E8F0;border-top:none;padding:32px 48px;text-align:center"><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 align="center" data-id="__react-email-column"><p style="font-size:14px;line-height:24px;font-weight:700;color:#64748B;margin:0 0 8px;letter-spacing:-0.2px;font-family:Inter, Arial, sans-serif;margin-top:0;margin-right:0;margin-bottom:8px;margin-left:0">Vaultly</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="center" data-id="__react-email-column"><p style="font-size:12px;line-height:1.6;color:#94A3B8;margin:0 0 16px;font-family:Inter, Arial, sans-serif;margin-top:0;margin-right:0;margin-bottom:16px;margin-left:0">This is an automated security message. Please do not reply to this email.<br/>Vaultly Inc., 340 Pine Street, Suite 800, San Francisco, CA 94104</p></td></tr></tbody></table><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#E2E8F0;margin:0 0 16px"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="center" data-id="__react-email-column"><p style="font-size:12px;line-height:24px;color:#94A3B8;margin:0;font-family:Inter, Arial, sans-serif;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0"><a href="https://vaultly.io/privacy" style="color:#64748B;text-decoration-line:none;text-decoration:underline;margin-right:16px" target="_blank">Privacy Policy</a><a href="https://vaultly.io/terms" style="color:#64748B;text-decoration-line:none;text-decoration:underline;margin-right:16px" target="_blank">Terms of Service</a><a href="https://vaultly.io/security" style="color:#64748B;text-decoration-line:none;text-decoration:underline" target="_blank">Security Center</a></p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation"><tbody style="width:100%"><tr style="width:100%"><td align="center" data-id="__react-email-column"><p style="font-size:11px;line-height:24px;color:#CBD5E1;margin:12px 0 0;font-family:Inter, Arial, sans-serif;margin-top:12px;margin-right:0;margin-bottom:0;margin-left:0">© 2026 Vaultly 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>