Confirm Sign Up – Gradient
Vibrant gradient hero email confirmation for new signups.
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/36x36@2x.png/ffffff"/><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: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">Confirm your email to activate your account - link expires in 24 hours<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="max-width:600px;margin-right:auto;margin-left:auto;margin-bottom:2rem;margin-top:2rem"><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);padding-right:2rem;padding-left:2rem;padding-bottom:1.25rem;padding-top:1.25rem;border-top-left-radius:1rem;border-top-right-radius:1rem;border-top-style:solid;border-top-width:4px;border-top-color:rgb(255,32,86)"><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="EmailBits 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;color:rgb(144,161,185);margin:0rem;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Account Activation</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:2.5rem;padding-left:2.5rem;padding-bottom:4rem;padding-top:4rem;text-align:center;background:linear-gradient(135deg, #F43F5E 0%, #FB923C 55%, #F59E0B 100%)"><tbody><tr><td><div style="width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,0.18);border:2px solid rgba(255,255,255,0.35);margin:0 auto 24px auto;display:flex;align-items:center;justify-content:center"><img alt="Envelope icon" height="36" src="https://placehold.in/36x36@2x.png/ffffff" style="display:block;outline:none;border:none;text-decoration:none;border-radius:4px;opacity:0.9" width="36"/></div><h1 style="color:rgb(255,255,255);font-size:2.25rem;line-height:1.25;font-weight:700;margin:0rem;margin-bottom:1rem;letter-spacing:-0.025em;font-family:Inter, Arial, sans-serif">You're almost in!</h1><p style="font-size:1.125rem;line-height:1.625;color:rgb(255,255,255);margin:0 auto;font-family:Inter, Arial, sans-serif;opacity:0.92;max-width:380px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto">One quick step stands between you and your new account. Let's get you set up.</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:2.5rem;padding-left:2.5rem;padding-top:3rem;padding-bottom:1rem"><tbody><tr><td><h2 style="color:rgb(29,41,61);font-size:1.5rem;line-height:1.375;font-weight:700;margin:0rem;margin-bottom:1rem;font-family:Inter, Arial, sans-serif">Confirm your email address</h2><p style="font-size:1rem;line-height:1.625;color:rgb(69,85,108);margin:0rem;margin-bottom:1.5rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">Hey there, welcome aboard! We're genuinely excited to have you join us. To keep your account secure and make sure everything is set up correctly, we just need you to verify that this email address belongs to you.</p><p style="font-size:1rem;line-height:1.625;color:rgb(69,85,108);margin:0rem;margin-bottom:2rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">Click the button below to confirm your email and activate your account. It only takes a second — promise.</p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-bottom:2rem"><tbody><tr><td><a href="https://emailbits.com/confirm?token=abc123xyz" style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background:linear-gradient(135deg, #F43F5E 0%, #FB923C 55%, #F59E0B 100%);color:#ffffff;font-family:Inter, Arial, sans-serif;font-size:16px;font-weight:700;border-radius:10px;padding:16px 40px;letter-spacing:0.3px;box-shadow:0 4px 20px rgba(244, 63, 94, 0.35);padding-top:16px;padding-right:40px;padding-bottom:16px;padding-left: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">Confirm My Email</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" style="background:linear-gradient(135deg, rgba(244,63,94,0.06) 0%, rgba(245,158,11,0.06) 100%);border-radius:10px;border:1px solid rgba(244,63,94,0.15);padding:16px 20px;margin-bottom: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:0.875rem;line-height:1.625;color:rgb(49,65,88);margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><span style="font-weight:700;color:#F43F5E">Heads up:</span> This confirmation link expires in<!-- --> <span style="font-weight:700;color:#F59E0B">24 hours</span>. If it expires, you can always request a new one from the login page.</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:2.5rem"><tbody><tr><td><hr style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:rgb(241,245,249);margin-bottom:2rem"/><h3 style="color:rgb(29,41,61);font-size:1.125rem;line-height:1.5555555555555556;font-weight:700;margin:0rem;margin-bottom:1.5rem;font-family:Inter, Arial, sans-serif">What happens after you confirm?</h3><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center;vertical-align:top;width:48px;padding-right:16px"><div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #F43F5E, #F59E0B);display:flex;align-items:center;justify-content:center;margin:0 auto"><p style="font-size:0.875rem;line-height:40px;color:rgb(255,255,255);font-weight:700;margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">1</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(29,41,61);font-weight:700;margin:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">Your account is activated</p><p style="font-size:0.875rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Full access to all features is unlocked immediately.</p></td></tr></tbody></table><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.25rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center;vertical-align:top;width:48px;padding-right:16px"><div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #F43F5E, #F59E0B);display:flex;align-items:center;justify-content:center;margin:0 auto"><p style="font-size:0.875rem;line-height:40px;color:rgb(255,255,255);font-weight:700;margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">2</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(29,41,61);font-weight:700;margin:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">Set up your profile</p><p style="font-size:0.875rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Personalize your experience in just a few clicks.</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;vertical-align:top;width:48px;padding-right:16px"><div style="width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #F43F5E, #F59E0B);display:flex;align-items:center;justify-content:center;margin:0 auto"><p style="font-size:0.875rem;line-height:40px;color:rgb(255,255,255);font-weight:700;margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">3</p></div></td><td data-id="__react-email-column" style="vertical-align:top"><p style="font-size:0.875rem;line-height:1.4285714285714286;color:rgb(29,41,61);font-weight:700;margin:0rem;margin-bottom:0.25rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">Start exploring</p><p style="font-size:0.875rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">Dive in and discover everything waiting for you.</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:2.5rem;padding-left:2.5rem;padding-bottom:2rem;padding-top:2rem;border-top-style:solid;border-top-width:1px;border-color:rgb(241,245,249)"><tbody><tr><td><p style="font-size:0.75rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;margin-bottom:0.5rem;text-align:center;font-family:Inter, Arial, sans-serif;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;text-align:center;margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.com/confirm?token=abc123xyz" style="color:#F43F5E;text-decoration-line:none;font-size:11px;word-break:break-all;font-family:Inter, Arial, sans-serif" target="_blank">https://emailbits.com/confirm?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(29,41,61);padding-right:2.5rem;padding-left:2.5rem;padding-bottom:2rem;padding-top:2rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem"><tbody><tr><td><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><img alt="EmailBits logo" height="26" 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:80%" width="100"/><p style="font-size:0.75rem;line-height:1.625;color:rgb(144,161,185);margin:0rem;margin-bottom:1rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">EmailBits 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:rgb(49,65,88);margin-bottom:1.5rem"/><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:1.5rem"><tbody style="width:100%"><tr style="width:100%"><td data-id="__react-email-column" style="text-align:center"><a href="https://twitter.com/emailbits" style="color:#94a3b8;text-decoration-line:none;font-size:12px;font-family:Inter, Arial, sans-serif;text-decoration:none;margin-right:20px" target="_blank">Twitter</a><a href="https://linkedin.com/company/emailbits" style="color:#94a3b8;text-decoration-line:none;font-size:12px;font-family:Inter, Arial, sans-serif;text-decoration:none;margin-right:20px" target="_blank">LinkedIn</a><a href="https://instagram.com/emailbits" style="color:#94a3b8;text-decoration-line:none;font-size:12px;font-family:Inter, Arial, sans-serif;text-decoration:none" target="_blank">Instagram</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" style="text-align:center"><p style="font-size:0.75rem;line-height:1.625;color:rgb(98,116,142);margin:0rem;margin-bottom:0.5rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-left:0rem;margin-right:0rem">You received this email because an account was created with this address. If this wasn't you, you can safely ignore this message.</p><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(98,116,142);margin:0rem;font-family:Inter, Arial, sans-serif;margin-top:0rem;margin-bottom:0rem;margin-left:0rem;margin-right:0rem"><a href="https://emailbits.com/privacy" style="color:#64748b;text-decoration-line:none;font-family:Inter, Arial, sans-serif;text-decoration:underline;margin-right:12px" target="_blank">Privacy Policy</a><a href="https://emailbits.com/terms" style="color:#64748b;text-decoration-line:none;font-family:Inter, Arial, sans-serif;text-decoration:underline;margin-right:12px" target="_blank">Terms of Service</a><a href="https://emailbits.com/unsubscribe" style="color:#64748b;text-decoration-line:none;font-family:Inter, Arial, sans-serif;text-decoration:underline" target="_blank">Unsubscribe</a></p></td></tr></tbody></table><p style="font-size:0.75rem;line-height:1.3333333333333333;color:rgb(69,85,108);text-align:center;margin:0rem;margin-top:1rem;font-family:Inter, Arial, sans-serif;margin-bottom:0rem;margin-left:0rem;margin-right:0rem">© 2026 EmailBits Inc. All rights reserved.</p></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><!--/$--></body></html>