Magic Link – Neon
Cyberpunk neon magic link on dark background.
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><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: 700;
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:#0D0D0D;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. Authenticate now before it 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:#0D0D0D;margin:0;padding:0;font-family:Inter, Arial, sans-serif"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:#0D0D0D;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:#0D0D0D;border-bottom:1px solid #1a1a1a;padding-bottom:24px;margin-bottom:0"><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"><p style="font-size:11px;line-height:24px;font-family:Inter, Arial, sans-serif;font-weight:700;letter-spacing:4px;color:#00FF87;text-transform:uppercase;margin:0 0 8px 0;margin-top:0;margin-right:0;margin-bottom:8px;margin-left:0">EMAILBITS</p><p style="font-size:10px;line-height:24px;font-family:Inter, Arial, sans-serif;letter-spacing:2px;color:#4B5563;text-transform:uppercase;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">SECURE AUTHENTICATION SYSTEM</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:#0F1A12;border:1px solid #00FF8730;border-radius:4px;padding:24px 28px;margin-top:32px;box-shadow:0 0 40px #00FF8710"><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"><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:20px"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column"><p style="font-size:14px;line-height:1;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0"><span style="display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#FF5F57;margin-right:6px"></span><span style="display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#FEBC2E;margin-right:6px"></span><span style="display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#28C840"></span></p></td></tr></tbody></table><p style="font-size:13px;line-height:1.6;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0 0 6px 0;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0"><span style="color:#00FF87">$</span> <span style="color:#E5E7EB">auth</span><span style="color:#6B7280">.</span><span style="color:#60A5FA">magic_link</span><span style="color:#E5E7EB">()</span></p><p style="font-size:13px;line-height:1.6;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0 0 6px 0;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0"><span style="color:#00FF87">></span> <span style="color:#9CA3AF">resolving user identity</span><span style="color:#00FF87">...</span></p><p style="font-size:13px;line-height:1.6;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0 0 6px 0;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0"><span style="color:#00FF87">></span> <span style="color:#9CA3AF">token</span><span style="color:#6B7280">:</span> <span style="color:#FCD34D">generated</span> <span style="color:#00FF87">checkmark</span></p><p style="font-size:13px;line-height:1.6;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0"><span style="color:#00FF87">></span> <span style="color:#9CA3AF">expires_in</span><span style="color:#6B7280">:</span> <span style="color:#FCD34D">3600s</span></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:#111111;border:1px solid #1A1A1A;border-top:none;padding:40px 32px 36px 32px;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 data-id="__react-email-column"><p style="font-size:14px;line-height:24px;margin:0 auto 20px auto;display:block;width:40px;height:2px;background-color:#00FF87;box-shadow:0 0 12px #00FF87;margin-top:0;margin-right:auto;margin-bottom:20px;margin-left:auto"> </p><h1 style="font-family:Inter, Arial, sans-serif;font-size:36px;font-weight:700;letter-spacing:6px;color:#00FF87;text-transform:uppercase;margin:0 0 8px 0;line-height:1.1;text-shadow:0 0 30px #00FF8760">SIGN IN LINK</h1><h2 style="font-family:Inter, Arial, sans-serif;font-size:36px;font-weight:700;letter-spacing:6px;color:#FFFFFF;text-transform:uppercase;margin:0 0 28px 0;line-height:1.1">READY</h2><p style="font-size:15px;line-height:1.7;font-family:Inter, Arial, sans-serif;color:#9CA3AF;margin:0 auto 8px auto;max-width:380px;margin-top:0;margin-right:auto;margin-bottom:8px;margin-left:auto">A secure, one-time authentication link has been generated for your account. This link is valid for a single use only.</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:#0F1A12;border:1px solid #00FF8720;border-top:2px solid #00FF87;padding:16px 32px"><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"><p style="font-size:11px;line-height:24px;font-family:Courier New, Courier, monospace;letter-spacing:3px;color:#00FF87;text-transform:uppercase;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">ONE-TIME LINK | EXPIRES IN 60 MIN | DO NOT SHARE</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:#111111;border:1px solid #1A1A1A;border-top:none;padding:40px 32px;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 data-id="__react-email-column" style="text-align:center"><a href="#" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#00FF87;color:#0D0D0D;font-family:Inter, Arial, sans-serif;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;padding:18px 48px;border-radius:2px;box-shadow:0 0 30px #00FF8750;padding-top:18px;padding-right:48px;padding-bottom:18px;padding-left:48px" target="_blank"><span><!--[if mso]><i style="mso-font-width:480%;mso-text-raise:27" hidden>     </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:13.5px">AUTHENTICATE</span><span><!--[if mso]><i style="mso-font-width:480%" hidden>     ​</i><![endif]--></span></a><p style="font-size:12px;line-height:1.6;font-family:Inter, Arial, sans-serif;color:#4B5563;margin:20px 0 0 0;margin-top:20px;margin-right:0;margin-bottom:0;margin-left:0">Button not working?<!-- --> <a href="#" style="color:#00FF87;text-decoration-line:none;text-decoration:none;font-family:Inter, Arial, sans-serif;font-size:12px" target="_blank">Copy the link below</a></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:#0A0A0A;border:1px solid #1F1F1F;border-top:none;padding:20px 32px"><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:11px;line-height:24px;font-family:Courier New, Courier, monospace;color:#374151;margin:0 0 6px 0;letter-spacing:2px;text-transform:uppercase;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0">SECURE LINK</p><p style="font-size:11px;line-height:1.6;font-family:Courier New, Courier, monospace;color:#4B5563;margin:0;word-break:break-all;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">https://auth.emailbits.io/magic?token=eyJhbGciOiJIUzI1NiJ9.xK9mP2vQ...</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:#111111;border:1px solid #1A1A1A;border-top:none;padding:28px 32px"><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="padding-right:12px;width:2px"><p style="font-size:14px;line-height:24px;margin:0;width:2px;background-color:#1F2937;display:block;min-height:60px;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0"> </p></td><td data-id="__react-email-column" style="padding-left:16px"><p style="font-size:11px;line-height:24px;font-family:Inter, Arial, sans-serif;font-weight:700;letter-spacing:2px;color:#6B7280;text-transform:uppercase;margin:0 0 6px 0;margin-top:0;margin-right:0;margin-bottom:6px;margin-left:0">SECURITY NOTICE</p><p style="font-size:13px;line-height:1.7;font-family:Inter, Arial, sans-serif;color:#4B5563;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">If you did not request this authentication link, disregard this message. Your account remains secure. Never share this link with anyone, including EmailBits support staff.</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:#0A0A0A;border:1px solid #1A1A1A;border-top:1px solid #141414;padding:20px 32px"><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:33%;text-align:center"><p style="font-size:10px;line-height:24px;font-family:Courier New, Courier, monospace;color:#374151;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px 0;margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0">ISSUED</p><p style="font-size:11px;line-height:24px;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">2026-01-15 09:42 UTC</p></td><td data-id="__react-email-column" style="width:33%;text-align:center;border-left:1px solid #1A1A1A;border-right:1px solid #1A1A1A"><p style="font-size:10px;line-height:24px;font-family:Courier New, Courier, monospace;color:#374151;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px 0;margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0">EXPIRES</p><p style="font-size:11px;line-height:24px;font-family:Courier New, Courier, monospace;color:#00FF87;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">2026-01-15 10:42 UTC</p></td><td data-id="__react-email-column" style="width:33%;text-align:center"><p style="font-size:10px;line-height:24px;font-family:Courier New, Courier, monospace;color:#374151;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px 0;margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0">USES</p><p style="font-size:11px;line-height:24px;font-family:Courier New, Courier, monospace;color:#6B7280;margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">1 of 1</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:#0D0D0D;padding:32px 32px 0 32px;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 data-id="__react-email-column" style="text-align:center"><p style="font-size:11px;line-height:24px;font-family:Inter, Arial, sans-serif;font-weight:700;letter-spacing:4px;color:#374151;text-transform:uppercase;margin:0 0 16px 0;margin-top:0;margin-right:0;margin-bottom:16px;margin-left:0">EMAILBITS</p><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#1A1A1A;border-top-width:1px;margin:0 0 20px 0"/><p style="font-size:11px;line-height:1.7;font-family:Inter, Arial, sans-serif;color:#374151;margin:0 0 8px 0;margin-top:0;margin-right:0;margin-bottom:8px;margin-left:0">EmailBits Inc. | 340 Pine Street, Suite 800 | San Francisco, CA 94104</p><p style="font-size:11px;line-height:1.7;font-family:Inter, Arial, sans-serif;color:#374151;margin:0 0 16px 0;margin-top:0;margin-right:0;margin-bottom:16px;margin-left:0">This is a transactional email. You are receiving this because an authentication request was made for your account.</p><p style="font-size:11px;line-height:24px;font-family:Inter, Arial, sans-serif;color:#374151;margin:0 0 32px 0;margin-top:0;margin-right:0;margin-bottom:32px;margin-left:0"><a href="#" style="color:#4B5563;text-decoration-line:none;text-decoration:none;font-family:Inter, Arial, sans-serif;font-size:11px" target="_blank">Privacy Policy</a> <!-- --> | <!-- --> <a href="#" style="color:#4B5563;text-decoration-line:none;text-decoration:none;font-family:Inter, Arial, sans-serif;font-size:11px" target="_blank">Terms of Service</a> <!-- --> | <!-- --> <a href="#" style="color:#4B5563;text-decoration-line:none;text-decoration:none;font-family:Inter, Arial, sans-serif;font-size:11px" target="_blank">Security</a></p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>