Magic Link – Illustrated
Whimsical illustrated magic link with a wand emoji centerpiece.
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/96x96@2x.png/FEF08A"/><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(249,250,251);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 ready — tap 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(249,250,251);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(249,250,251);padding-bottom:2rem;padding-top:2rem;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:2rem;padding-bottom:1.5rem;border-bottom-style:solid;border-bottom-width:1px;border-color:rgb(243,244,246)"><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"><p style="font-size:22px;line-height:24px;font-weight:700;color:rgb(16,24,40);margin:0rem;letter-spacing:-0.025em;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">EmailBits</p><p style="font-size:12px;line-height:24px;color:rgb(153,161,175);margin:0rem;margin-top:0.125rem;letter-spacing:0.025em;text-transform:uppercase;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Secure Authentication</p></td><td data-id="__react-email-column" style="text-align:right"><p style="font-size:12px;line-height:24px;color:rgb(153,161,175);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">One-time sign-in link</p></td></tr></tbody></table></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="padding-right:2rem;padding-left:2rem;padding-top:3rem;padding-bottom:2.5rem;text-align:center;background-color:#FEF9C3"><tbody><tr><td><div style="display:inline-block;width:96px;height:96px;border-radius:50%;background-color:#FEF08A;line-height:96px;font-size:48px;text-align:center;margin-bottom:24px;box-shadow:0 4px 24px 0 rgba(253,224,71,0.35)"><p style="font-size:48px;line-height:96px;margin:0rem;padding:0rem;display:block;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><img alt="Magic wand illustration" height="96" src="https://placehold.in/96x96@2x.png/FEF08A" style="display:none;outline:none;border:none;text-decoration:none" width="96"/></p></div><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem"><tbody><tr><td><table width="100%" cellPadding="0" cellSpacing="0" style="border-collapse:collapse"><tr><td align="center" style="padding-bottom:24px"><div style="display:inline-block;width:96px;height:96px;border-radius:50%;background-color:#FEF08A;box-shadow:0 6px 32px 0 rgba(253,224,71,0.45);text-align:center;vertical-align:middle;line-height:96px"><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:inline-block;vertical-align:middle" aria-hidden="true"><rect x="30" y="4" width="6" height="6" rx="1" fill="#CA8A04" transform="rotate(45 30 4)"></rect><line x1="8" y1="40" x2="32" y2="16" stroke="#92400E" stroke-width="4" stroke-linecap="round"></line><circle cx="34" cy="14" r="5" fill="#FCD34D" stroke="#CA8A04" stroke-width="2"></circle><circle cx="14" cy="10" r="2" fill="#FCD34D"></circle><circle cx="40" cy="28" r="2" fill="#FCD34D"></circle><circle cx="20" cy="6" r="1.5" fill="#FDE68A"></circle><circle cx="42" cy="18" r="1.5" fill="#FDE68A"></circle></svg></div></td></tr></table></td></tr></tbody></table><h1 style="font-size:30px;font-weight:700;color:rgb(16,24,40);margin:0rem;margin-bottom:1rem;line-height:1.25;letter-spacing:-0.025em">Your passwordless sign-in is ready!</h1><p style="font-size:16px;line-height:1.625;color:rgb(74,85,101);margin:0rem;max-width:400px;margin-right:auto;margin-left:auto;margin-top:0rem;margin-bottom:0rem">Tap the button below to sign in — no password required. This link is unique to you and expires in 15 minutes.</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-top:2.5rem;padding-bottom:2.5rem;text-align:center"><tbody><tr><td><a href="https://emailbits.app/auth/magic?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:#FEF08A;color:#713F12;font-weight:700;font-size:16px;padding-right:40px;padding-left:40px;padding-bottom:16px;padding-top:16px;border-radius:12px;text-decoration-line:none;letter-spacing:0.01em;padding:16px 40px;box-shadow:0 2px 12px 0 rgba(253,224,71,0.4)" 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">Use My Magic Link</span><span><!--[if mso]><i style="mso-font-width:500%" hidden>    ​</i><![endif]--></span></a><p style="font-size:13px;line-height:1.625;color:rgb(153,161,175);margin:0rem;margin-top:1.25rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">This link expires in<!-- --> <span style="font-weight:600;color:#6B7280">15 minutes</span> <!-- -->and can only be used once.</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"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(243,244,246);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:2rem;padding-left:2rem;padding-top:2rem;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="padding-right:0.75rem"><div style="width:40px;height:40px;border-radius:10px;background-color:#F0FDF4;display:inline-block;text-align:center;line-height:40px"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:inline-block;vertical-align:middle" aria-hidden="true"><path d="M10 2L3 5.5V10C3 13.87 6.13 17.49 10 18C13.87 17.49 17 13.87 17 10V5.5L10 2Z" fill="#BBF7D0" stroke="#16A34A" stroke-width="1.5" stroke-linejoin="round"></path><path d="M7 10L9 12L13 8" stroke="#16A34A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></td><td data-id="__react-email-column"><p style="font-size:14px;line-height:24px;font-weight:600;color:rgb(30,41,57);margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Secure and encrypted</p><p style="font-size:13px;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Your magic link is protected with industry-standard encryption. We will never ask for your password via email.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="padding-right:0.75rem"><div style="width:40px;height:40px;border-radius:10px;background-color:#EFF6FF;display:inline-block;text-align:center;line-height:40px"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display:inline-block;vertical-align:middle" aria-hidden="true"><circle cx="10" cy="10" r="7" fill="#BFDBFE" stroke="#3B82F6" stroke-width="1.5"></circle><path d="M10 7V10.5L12 12" stroke="#3B82F6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></td><td data-id="__react-email-column"><p style="font-size:14px;line-height:24px;font-weight:600;color:rgb(30,41,57);margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">Link expires soon</p><p style="font-size:13px;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">For your security, this link expires in 15 minutes. If it expires, simply request a new one from the sign-in page.</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"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(243,244,246);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:2rem;padding-left:2rem;padding-top:1.5rem;padding-bottom:2rem;text-align:center"><tbody><tr><td><p style="font-size:13px;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-top:0rem;margin-bottom: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-top:0.5rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.app/auth/magic?token=abc123xyz" style="color:#3B82F6;text-decoration-line:underline;font-size:13px;word-break:break-all" target="_blank">https://emailbits.app/auth/magic?token=abc123xyz</a></p></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:2rem;padding-left:2rem;padding-top:1.5rem;padding-bottom:2rem;text-align:center;background-color:#FAFAFA;border-top:1px solid #F3F4F6"><tbody><tr><td><table width="100%" cellPadding="0" cellSpacing="0" style="border-collapse:collapse;margin-bottom:16px"><tr><td align="center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Sparkle accent" role="img"><path d="M12 2L13.5 9.5L21 11L13.5 12.5L12 20L10.5 12.5L3 11L10.5 9.5L12 2Z" fill="#FDE68A" stroke="#F59E0B" stroke-width="1.2" stroke-linejoin="round"></path><circle cx="5" cy="5" r="1.2" fill="#FDE68A"></circle><circle cx="19" cy="19" r="1.2" fill="#FDE68A"></circle><circle cx="19" cy="5" r="0.8" fill="#FCD34D"></circle></svg></td></tr></table><p style="font-size:13px;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-bottom:0.25rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">You received this email because a sign-in was requested for your account.</p><p style="font-size:13px;line-height:1.625;color:rgb(106,114,130);margin:0rem;margin-bottom:1rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">If you did not request this, you can safely ignore this email.</p><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(229,231,235);margin-bottom:1rem;margin-top:1rem"/><p style="font-size:12px;line-height:24px;color:rgb(153,161,175);margin:0rem;margin-bottom:0.5rem;margin-top:0rem;margin-left:0rem;margin-right:0rem">EmailBits Inc. — 742 Evergreen Terrace, San Francisco, CA 94105</p><p style="font-size:12px;line-height:24px;color:rgb(153,161,175);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.app/privacy" style="color:#9CA3AF;text-decoration-line:underline;margin-right:0.5rem;margin-left:0.5rem" target="_blank">Privacy Policy</a> | <a href="https://emailbits.app/terms" style="color:#9CA3AF;text-decoration-line:underline;margin-right:0.5rem;margin-left:0.5rem" target="_blank">Terms of Service</a> | <a href="https://emailbits.app/unsubscribe" style="color:#9CA3AF;text-decoration-line:underline;margin-right:0.5rem;margin-left:0.5rem" target="_blank">Unsubscribe</a></p><p style="font-size:11px;line-height:24px;color:rgb(209,213,220);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>