Welcome to EmailBits - Your Email Design Journey Starts Here!
Create a warm and engaging welcome email for new EmailBits users. Include company branding, highlight key features like 130+ email blocks, mention the AI editor, and guide them to their first template creation. Should feel premium but approachable.
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="/static/product/product-image.png" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" /><!--$-->
<style>
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
mso-font-alt: 'Arial';
src: url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap) format('woff2');
}
* {
font-family: 'Inter', Arial;
}
</style>
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Welcome to EmailBits - Your Email Design Journey Starts Here!<div> </div>
</div>
</head>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(248,249,250);padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:2rem;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";max-width:37.5em">
<tbody>
<tr style="width:100%">
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin-left:auto;margin-right:auto">
<tbody>
<tr>
<td><img alt="EmailBits" height="45" src="/static/company-logo.png" style="margin-bottom:2rem;display:block;outline:none;border:none;text-decoration:none" width="180" />
<h1 style="font-size:2.25rem;line-height:2.5rem;font-weight:700;color:rgb(51,51,51);margin-bottom:1.5rem">Welcome to EmailBits</h1>
<p style="font-size:1.125rem;line-height:1.75rem;color:rgb(51,51,51);margin-bottom:1.5rem;margin:16px 0">We're thrilled to have you join our community of email design enthusiasts. Your journey to creating stunning emails starts now.</p>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);padding:2rem;border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0,0,0,0.1), 0 4px 6px -4px rgb(0,0,0,0.1);margin-bottom:2rem">
<tbody>
<tr>
<td>
<h1 style="font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0,114,145);margin-bottom:1rem">Your Premium Tools Await</h1>
<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"><img alt="Email Builder" height="150" src="/static/product/product-image.png" style="border-radius:0.5rem;display:block;outline:none;border:none;text-decoration:none" width="150" /></td>
<td data-id="__react-email-column" style="padding-left:1rem">
<p style="color:rgb(51,51,51);margin-bottom:0.5rem;font-size:14px;line-height:24px;margin:16px 0">✨ 130+ Premium Email Blocks</p>
<p style="color:rgb(51,51,51);margin-bottom:0.5rem;font-size:14px;line-height:24px;margin:16px 0">🤖 AI-Powered Email Editor</p>
<p style="color:rgb(51,51,51);font-size:14px;line-height:24px;margin:16px 0">🎨 Nordic Design Templates</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem">
<tbody>
<tr>
<td>
<h1 style="font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(51,51,51);margin-bottom:1rem">Getting Started (It's Easy!)</h1>
<p style="color:rgb(51,51,51);margin-bottom:0.5rem;font-size:14px;line-height:24px;margin:16px 0">1. Choose a template from our library</p>
<p style="color:rgb(51,51,51);margin-bottom:0.5rem;font-size:14px;line-height:24px;margin:16px 0">2. Customize with our drag-and-drop editor</p>
<p style="color:rgb(51,51,51);margin-bottom:1.5rem;font-size:14px;line-height:24px;margin:16px 0">3. Export and send your masterpiece</p><a href="https://emailbits.com/builder" class="hover:bg-[#005c7a]" style="background-color:rgb(0,114,145);color:rgb(255,255,255);padding-left:2rem;padding-right:2rem;padding-top:1rem;padding-bottom:1rem;border-radius:0.5rem;font-weight:600;font-size:1.125rem;line-height:1.75rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;padding:16px 32px 16px 32px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;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">Start Building Beautiful Emails</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>    ​</i><![endif]--></span></a>
</td>
</tr>
</tbody>
</table>
<hr style="border-top-width:1px;border-color:rgb(227,242,253);margin-top:2rem;margin-bottom:2rem;width:100%;border:none;border-top:1px solid #eaeaea" />
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center">
<tbody>
<tr>
<td>
<p style="font-size:0.875rem;line-height:1.25rem;color:rgb(51,51,51);margin-bottom:1rem;margin:16px 0">30-Day Money-Back Guarantee • 24/7 Support • 99.9% Uptime</p>
<table align="center" width="100%" class="space-x-4" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="justify-content:center">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column"><a href="https://twitter.com/emailbits" style="color:rgb(0,114,145);text-decoration:none" target="_blank">Twitter</a></td>
<td data-id="__react-email-column"><a href="https://linkedin.com/company/emailbits" style="color:rgb(0,114,145);text-decoration:none" target="_blank">LinkedIn</a></td>
<td data-id="__react-email-column"><a href="https://instagram.com/emailbits" style="color:rgb(0,114,145);text-decoration:none" target="_blank">Instagram</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><!--/$-->
</html>