Magic Link – Playful
Super fun playful magic link email full of emoji.
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"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/><style>.hover_text-blue-500{&:hover{@media (hover:hover){color:rgb(43,127,255)!important}}}</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:rgb(248,250,252);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 magic link is waiting — click to sign in instantly, no password needed.<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(248,250,252);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(248,250,252);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:2rem;padding-left:2rem;padding-top:2.5rem;padding-bottom:1.5rem;text-align:center;border-style:solid;border-width:1px;border-bottom-style:solid;border-bottom-width:0px;border-color:rgb(226,232,240)"><tbody><tr><td><img alt="EmailBits logo" height="36" src="/static/company-logo.png" style="display:block;outline:none;border:none;text-decoration:none;margin-right:auto;margin-left:auto;margin-bottom:1.5rem" width="120"/><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);margin-bottom:0rem"/></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-image:linear-gradient(var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)));padding-right:2rem;padding-left:2rem;padding-bottom:3rem;padding-top:3rem;text-align:center;border-inline-style:solid;border-inline-width:1px;border-color:rgb(226,232,240)"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem"><tbody><tr><td><div style="display:inline-block;background:rgba(255,255,255,0.15);border-radius:9999px;padding:20px 28px;font-size:48px;line-height:1"><p style="font-size:3rem;line-height:1;margin:0rem;padding:0rem;text-align:center;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">🔑</p></div></td></tr></tbody></table><h1 style="color:rgb(255,255,255);font-size:1.875rem;line-height:1.25;font-weight:700;margin:0rem;margin-bottom:1rem;letter-spacing:-0.025em">Your magic link is here</h1><p style="font-size:1.125rem;line-height:1.625;color:rgb(219,234,254);margin:0rem;margin-bottom:0rem;max-width:24rem;margin-right:auto;margin-left:auto;margin-top:0rem">No password. No fuss. Just one click and you are straight in.</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:2rem;padding-left:2rem;padding-bottom:2.5rem;padding-top:2.5rem;text-align:center;border-inline-style:solid;border-inline-width:1px;border-color:rgb(226,232,240)"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem"><tbody><tr><td><div style="display:inline-block;background:#EFF6FF;border-radius:9999px;padding:6px 20px"><p style="font-size:0.75rem;line-height:1.3333333333333333;margin:0rem;color:rgb(43,127,255);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">One-time sign-in link</p></div></td></tr></tbody></table><h2 style="color:rgb(29,41,61);font-size:1.5rem;line-height:1.375;font-weight:700;margin:0rem;margin-bottom:1rem">Abracadabra — no password needed</h2><p style="font-size:1rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;margin-bottom:2rem;max-width:24rem;margin-right:auto;margin-left:auto;margin-top:0rem">We conjured up a secure, instant sign-in link just for you. Hit the button below and you will be inside your account in seconds. No spells required.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem"><tbody><tr><td><a href="https://emailbits.io/auth/magic?token=abc123xyz" style="line-height:1.5;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#3B82F6;color:#ffffff;font-size:16px;font-weight:700;padding-right:40px;padding-left:40px;padding-bottom:16px;padding-top:16px;border-radius:12px;text-decoration-line:none;letter-spacing:0.025em;padding:16px 40px" 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">Tap the Magic Link</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>    ​</i><![endif]--></span></a></td></tr></tbody></table><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(144,161,185);margin:0rem;margin-bottom:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Button not working? Copy and paste this link into your browser:</p><p style="font-size:14px;line-height:24px;margin:0rem;margin-bottom:0rem;margin-top:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.io/auth/magic?token=abc123xyz" style="color:rgb(43,127,255);text-decoration-line:underline;font-size:0.875rem;line-height:1.4285714285714286;word-break:break-all" target="_blank">https://emailbits.io/auth/magic?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,251,235);padding-right:2rem;padding-left:2rem;padding-bottom:1.25rem;padding-top:1.25rem;border-inline-style:solid;border-inline-width:1px;border-top-style:solid;border-top-width:1px;border-color:rgb(226,232,240)"><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:2rem;padding-right:0.75rem;vertical-align:middle"><div style="width:32px;height:32px;border-radius:9999px;background:#FEF3C7;display:flex;align-items:center;justify-content:center;border:1px solid #FDE68A"><p style="font-size:1rem;line-height:1;margin:0rem;text-align:center;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">⏰</p></div></td><td data-id="__react-email-column" style="vertical-align:middle"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(187,77,0);font-weight:600;margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This link expires in 60 minutes</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(225,113,0);margin:0rem;margin-top:0.125rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">After that, you will need to request a new one. It is quick, we promise.</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(248,250,252);padding-right:2rem;padding-left:2rem;padding-bottom:1.5rem;padding-top:1.5rem;border-inline-style:solid;border-inline-width:1px;border-top-style:solid;border-top-width:1px;border-color:rgb(226,232,240)"><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:1.5rem;padding-right:0.75rem;vertical-align:top;padding-top:0.125rem"><div style="width:20px;height:20px;border-radius:9999px;background:#DBEAFE;display:flex;align-items:center;justify-content:center;flex-shrink:0"><p style="font-size:0.75rem;line-height:1;margin:0rem;text-align:center;color:rgb(21,93,252);margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">i</p></div></td><td data-id="__react-email-column"><p style="font-size:0.875rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><strong style="color:rgb(69,85,108)">Did not request this?</strong> <!-- -->No worries — simply ignore this email and nothing will happen. Your account remains completely safe and secure.</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:2rem;padding-left:2rem;padding-top:2rem;padding-bottom:0rem;border-inline-style:solid;border-inline-width:1px;border-top-style:solid;border-top-width:1px;border-color:rgb(226,232,240)"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);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);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding-right:2rem;padding-left:2rem;padding-bottom:2rem;padding-top:2rem;text-align:center;border-style:solid;border-width:1px;border-top-style:solid;border-top-width:0px;border-color:rgb(226,232,240)"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="width:auto;margin-right:auto;margin-left:auto"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="padding-right:0.5rem;padding-left:0.5rem"><a href="https://twitter.com/emailbits" class="hover_text-blue-500" style="color:rgb(144,161,185);text-decoration-line:none;font-size:0.75rem;line-height:1.3333333333333333" target="_blank">Twitter</a></td><td data-id="__react-email-column" style="padding-right:0.5rem;padding-left:0.5rem"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(202,213,226);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">/</p></td><td data-id="__react-email-column" style="padding-right:0.5rem;padding-left:0.5rem"><a href="https://linkedin.com/company/emailbits" style="color:rgb(144,161,185);text-decoration-line:none;font-size:0.75rem;line-height:1.3333333333333333" target="_blank">LinkedIn</a></td><td data-id="__react-email-column" style="padding-right:0.5rem;padding-left:0.5rem"><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(202,213,226);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">/</p></td><td data-id="__react-email-column" style="padding-right:0.5rem;padding-left:0.5rem"><a href="https://emailbits.io" style="color:rgb(144,161,185);text-decoration-line:none;font-size:0.75rem;line-height:1.3333333333333333" target="_blank">Website</a></td></tr></tbody></table></td></tr></tbody></table><p style="font-size:0.75rem;line-height:1.625;color:rgb(144,161,185);margin:0rem;margin-bottom:0.75rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">EmailBits Inc. — 123 Innovation Drive, San Francisco, CA 94107</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(144,161,185);margin:0rem;margin-bottom:0.75rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">You are receiving this because a sign-in was requested for your account.</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(202,213,226);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.io/privacy" style="color:rgb(144,161,185);text-decoration-line:underline" target="_blank">Privacy Policy</a> <!-- -->·<!-- --> <a href="https://emailbits.io/terms" style="color:rgb(144,161,185);text-decoration-line:underline" target="_blank">Terms of Service</a> <!-- -->·<!-- --> <a href="https://emailbits.io/unsubscribe" style="color:rgb(144,161,185);text-decoration-line:underline" target="_blank">Unsubscribe</a></p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(202,213,226);margin:0rem;margin-top:1rem;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><!--/$--></body></html>