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>Your invite to EmojiCopy!</title>
<!-- AS-SENT RECORD (launch send, Friday 2026-07-17) — synced from the live SendGrid version 2026-07-20.
Subject: "💌 Your invite to EmojiCopy!" · From: EmojiCopy · Reply-To: hello@emojicopy.com
This file is the reference base for future email builds. One deliberate divergence: the live
template still carries the dead {{{unsubscribe}}} handlebars tags; this export uses the correct
ASM raw-url tags (house convention since 2026-07-16 — send must pass asm:{group_id, groups_to_display}). -->
<!--[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; }
.feat-cell{ display:block!important; width:100%!important; box-sizing:border-box; }
}
</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;">
You asked us to tell you when the new EmojiCopy was ready. It’s here, so come try the beta, ad-free.
</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 30px; 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;">The new EmojiCopy just dropped!</h1>
<p style="margin:0 auto; max-width:420px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#353841;">You signed up to be first in line and now we’re ready for you to try out the beta!</p>
</td>
</tr>
<!-- PRODUCT SHOT -->
<tr>
<td class="px" style="padding:26px 36px 8px; background-color:#ffffff;">
<img src="https://cdn.mcauto-images-production.sendgrid.net/c95e203486e80809/a6402c69-beb4-4cd7-9870-573fdb0e33c4/910x389.png" alt="The new EmojiCopy: search any emoji, build combos, and make your own lists." width="528" style="width:100%; max-width:528px; height:auto; display:block; margin:0 auto;">
</td>
</tr>
<!-- FEATURE PILLS (2x2) -->
<tr>
<td class="px" style="padding:14px 30px 8px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="feat-cell" width="50%" valign="top" style="padding:7px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:999px;">
<tr><td align="center" style="padding:12px 12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#353841; white-space:nowrap;">🔍 Improved search results</td></tr>
</table>
</td>
<td class="feat-cell" width="50%" valign="top" style="padding:7px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:999px;">
<tr><td align="center" style="padding:12px 12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#353841; white-space:nowrap;">🧩 Combos & your own lists</td></tr>
</table>
</td>
</tr>
<tr>
<td class="feat-cell" width="50%" valign="top" style="padding:7px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:999px;">
<tr><td align="center" style="padding:12px 12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#353841; white-space:nowrap;">🎨 Curated emoji collections</td></tr>
</table>
</td>
<td class="feat-cell" width="50%" valign="top" style="padding:7px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:999px;">
<tr><td align="center" style="padding:12px 12px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#353841; white-space:nowrap;">🚫 Ad-free all beta</td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- CTA -->
<tr>
<td align="center" class="px" style="padding:20px 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;">Try the beta</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</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>