HTML ยท ESP-ready โ full email, table-based, inline styles
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<title>Still saving you a spot</title>
<!--[if mso]>
<noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript>
<![endif]-->
<style>
/* client resets */
body,table,td,a{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table,td{ mso-table-lspace:0pt; mso-table-rspace:0pt; }
img{ -ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; }
a{ text-decoration:none; }
/* mobile */
@media only screen and (max-width:600px){
.container{ width:100%!important; }
.px{ padding-left:22px!important; padding-right:22px!important; }
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#f4f5f7;">
<!-- preheader (hidden) -->
<div style="display:none; font-size:1px; color:#f4f5f7; line-height:1px; max-height:0; max-width:0; opacity:0; overflow:hidden; mso-hide:all;">
Your beta invite is still active, and founding membership is still open. Here’s what that means.
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7;">
<tr>
<td align="center" style="padding:24px 12px;">
<table role="presentation" class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px; max-width:600px; background-color:#ffffff; border-radius:16px; overflow:hidden;">
<!-- HERO -->
<tr>
<td align="center" class="px" style="padding:42px 36px 26px; background-color:#ffffff; background-image:radial-gradient(120% 120% at 50% 0%, #DFFED7 0%, #FFFFFF 60%); background-repeat:no-repeat;">
<div style="font-size:44px; line-height:1;">🎟️</div>
<h1 style="margin:16px 0 12px; font-family:'DM Sans',Arial,Helvetica,sans-serif; font-weight:800; font-size:30px; line-height:1.12; letter-spacing:-1px; color:#0F1012;">Still saving you a spot</h1>
<p style="margin:0 auto; max-width:420px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#353841;">A little while ago we invited you to the new EmojiCopy beta. If it got buried — no worries. Your invite is still active, and so is your founding eligibility.</p>
</td>
</tr>
<!-- FOUNDING PANEL -->
<tr>
<td class="px" style="padding:16px 36px 8px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#D6FFC8; border-radius:12px;">
<tr>
<td style="padding:24px 26px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-size:22px; line-height:1; padding-right:11px;">🏆</td>
<td valign="middle" style="font-family:'DM Sans',Arial,Helvetica,sans-serif; font-weight:800; font-size:16px; line-height:1.3; color:#185710;">Founding membership, the short version</td>
</tr>
</table>
<p style="margin:12px 0 0; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.6; color:#185710;">The first 500 people to join lock in <b>50% off Pro for life</b> (annual plan). It applies automatically at checkout — no code, nothing to claim.</p>
<p style="margin:10px 0 0; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.6; color:#185710;">Why cap it at 500? Because a beta only works when the founding group is small enough that we can actually listen to every one of them.</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- CTA -->
<tr>
<td align="center" class="px" style="padding:22px 36px 4px; background-color:#ffffff;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
<tr>
<td align="center" bgcolor="#85FC64" style="border-radius:999px;">
<a href="https://beta.emojicopy.com" target="_blank" style="display:inline-block; padding:15px 32px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:16px; color:#0F1012; text-decoration:none; border-radius:999px;">Accept your invite</a>
</td>
</tr>
</table>
<div style="margin-top:14px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Sign up at beta.emojicopy.com — free to try, ad-free all beta.</div>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td align="center" class="px" style="padding:34px 36px 32px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="border-top:1px solid #eaebef; padding-top:28px;">
<img src="https://cdn.mcauto-images-production.sendgrid.net/c95e203486e80809/a3a2a61a-67a9-4b1b-989f-077ee3333b9e/563x121.png" alt="EmojiCopy" width="132" style="width:132px; max-width:132px; height:auto; display:block; margin:0 auto 14px;">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">by <a href="https://joypixels.com" target="_blank" style="color:#20AD03; text-decoration:none;">JoyPixels</a> ®</div>
<div style="margin-top:10px; font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:1.6; color:#9aa0ab;">
JoyPixels Inc · 2505 Anthem Village Dr Suite E-525, Henderson, NV 89052<br>
<a href="<%asm_group_unsubscribe_raw_url%>" style="color:#20AD03; text-decoration:none;">Unsubscribe</a> · <a href="<%asm_preferences_raw_url%>" style="color:#20AD03; text-decoration:none;">Update preferences</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>