Magic Link – Branded
Branded magic link sign-in 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/64x64@2x.png/ECFDF5"/><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></head><body style="background-color:rgb(243,244,246);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">Your secure sign-in link is ready — 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(243,244,246);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(243,244,246);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(229,231,235)"><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"><img alt="Company Logo" height="32" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none" width="120"/></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(156,163,175);margin:0rem;padding:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Secure Authentication</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: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" style="text-align:center"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-right:auto;margin-left:auto;width:64px;height:64px;background-color:rgb(236,253,245);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem"><tbody><tr><td><img alt="" height="64" src="https://placehold.in/64x64@2x.png/ECFDF5" style="display:block;outline:none;border:none;text-decoration:none;border-radius:1rem;margin-right:auto;margin-left:auto" width="64"/></td></tr></tbody></table></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="color:rgb(17,24,39);font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-0.025em;margin:0rem;margin-bottom:1rem;text-align:center;font-family:Inter,Arial,sans-serif">Your passwordless sign-in link</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.75;color:rgb(75,85,99);text-align:center;margin:0rem;margin-bottom:2rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">We received a sign-in request for your account. Use the link below — it works once and expires in 60 minutes.</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 data-id="__react-email-column" style="text-align:center"><a href="https://example.com/auth/magic-link?token=placeholder" style="line-height:100%;text-decoration:none;display:block;max-width:100%;mso-padding-alt:0px;background-color:rgb(62,207,142);color:rgb(255,255,255);font-size:15px;font-weight:600;text-decoration-line:none;text-align:center;border-radius:0.75rem;padding-right:40px;padding-left:40px;padding-bottom:16px;padding-top:16px;margin-right:auto;margin-left:auto;font-family:Inter,Arial,sans-serif;letter-spacing:0.025em" target="_blank"><span><!--[if mso]><i style="mso-font-width:500%;mso-text-raise:24" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:12px">Sign In Securely</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 data-id="__react-email-column"><p style="font-size:13px;line-height:24px;color:rgb(156,163,175);text-align:center;margin-top:1.25rem;margin-bottom:0rem;font-family:Inter,Arial,sans-serif">This link expires in<!-- --> <span style="color:rgb(107,114,128);font-weight:600">60 minutes</span> <!-- -->and can only be used once.</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-bottom:0rem"><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(229,231,235);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><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:50%;padding-right:0.75rem"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(249,250,251);border-radius:0.75rem;padding:1rem"><tbody><tr><td><h3 style="color:rgb(17,24,39);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin:0rem;margin-bottom:0.25rem;font-family:Inter,Arial,sans-serif">One-time use</h3><p style="font-size:13px;line-height:1.375;color:rgb(107,114,128);margin:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This link becomes invalid after a single use for your protection.</p></td></tr></tbody></table></td><td data-id="__react-email-column" style="width:50%;padding-left:0.75rem"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(249,250,251);border-radius:0.75rem;padding:1rem"><tbody><tr><td><h3 style="color:rgb(17,24,39);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin:0rem;margin-bottom:0.25rem;font-family:Inter,Arial,sans-serif">No password needed</h3><p style="font-size:13px;line-height:1.375;color:rgb(107,114,128);margin:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Passwordless authentication keeps your account safe and simple.</p></td></tr></tbody></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:rgb(255,255,255);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:0rem"><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(229,231,235);margin:0rem"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,251,235);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:1.25rem;padding-top:1.25rem"><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"><p style="font-size:13px;line-height:1.625;color:rgb(146,64,14);text-align:center;margin:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Didn't request this? You can safely ignore this email. Your account will remain secure and no action is 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:rgb(255,255,255);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding-right:2.5rem;padding-left:2.5rem;padding-top:1.5rem;padding-bottom:2rem;border-top-style:solid;border-top-width:1px;border-color:rgb(229,231,235)"><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"><img alt="Company Logo" height="22" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none;margin-right:auto;margin-left:auto;margin-bottom:1rem;opacity:50%" width="80"/></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:12px;line-height:1.625;color:rgb(156,163,175);text-align:center;margin:0rem;margin-bottom:0.75rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">This email was sent to<!-- --> <span style="color:rgb(107,114,128)">user@example.com</span> <!-- -->because a sign-in was requested for this account.</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 data-id="__react-email-column"><p style="font-size:12px;line-height:24px;color:rgb(156,163,175);text-align:center;margin:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">EmailBits Inc. · 123 Platform Street, San Francisco, CA 94103</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 data-id="__react-email-column" style="text-align:center;padding-top:0.75rem"><p style="font-size:11px;line-height:24px;color:rgb(156,163,175);text-align:center;margin:0rem;font-family:Inter,Arial,sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">© 2026 EmailBits. 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>