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>Stop searching for the same emoji twice</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;">
Build your own lists in the new EmojiCopy — by project, by mood, or whatever makes sense to you.
</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:40px 36px 24px; background-color:#ffffff;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
<tr>
<td align="center" bgcolor="#D6FFC8" style="border-radius:999px; padding:6px 14px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#185710;">Feature spotlight</td>
</tr>
</table>
<h1 style="margin:16px 0 12px; font-family:'DM Sans',Arial,Helvetica,sans-serif; font-weight:800; font-size:29px; line-height:1.14; letter-spacing:-1px; color:#0F1012;">Stop searching for the same emoji twice</h1>
<p style="margin:0 auto; max-width:440px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#353841;">Lists let you group the emoji you actually use — organized by project, mood, or whatever makes sense to you. Saved and synced everywhere you copy.</p>
</td>
</tr>
<!-- PRODUCT SHOT -->
<tr>
<td align="center" class="px" style="padding:10px 36px 24px; background-color:#ffffff;">
<img src="https://cdn.joypixels.com/emojicopy/marketing/preview-custom-lists.png" alt="EmojiCopy custom lists: a sidebar of your own emoji lists next to the emoji grid." width="460" style="width:100%; max-width:460px; height:auto; display:block; margin:0 auto; border-radius:8px; border:1px solid #eaebef;">
</td>
</tr>
<!-- HOW IT WORKS (3 numbered rows) -->
<tr>
<td align="center" class="px" style="padding:0 36px 8px; background-color:#ffffff;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto; max-width:420px;">
<tr>
<td width="26" valign="middle" style="padding:6px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" bgcolor="#D6FFC8" width="26" height="26" style="border-radius:50%; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#185710;">1</td></tr></table>
</td>
<td valign="middle" align="left" style="padding:6px 0 6px 14px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; color:#353841;"><b style="color:#0F1012;">Search</b> any emoji, like always 🔍</td>
</tr>
<tr>
<td width="26" valign="middle" style="padding:6px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" bgcolor="#D6FFC8" width="26" height="26" style="border-radius:50%; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#185710;">2</td></tr></table>
</td>
<td valign="middle" align="left" style="padding:6px 0 6px 14px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; color:#353841;"><b style="color:#0F1012;">Add it</b> to one of your lists with a tap ➕</td>
</tr>
<tr>
<td width="26" valign="middle" style="padding:6px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" bgcolor="#D6FFC8" width="26" height="26" style="border-radius:50%; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#185710;">3</td></tr></table>
</td>
<td valign="middle" align="left" style="padding:6px 0 6px 14px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; color:#353841;"><b style="color:#0F1012;">Copy</b> from your lists on any device ✨</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;">Try it now</a>
</td>
</tr>
</table>
<div style="margin-top:14px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Lists are part of EmojiCopy Pro — the beta is free to try and ad-free for everyone.</div>
</td>
</tr>
<!-- FOUNDING LINE -->
<tr>
<td align="center" class="px" style="padding:30px 36px 0; background-color:#ffffff;">
<p style="margin:0 auto; max-width:440px; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.6; color:#7C8292;">Founding membership — <b style="color:#353841;">50% off Pro for life</b> (annual plan) — is open to the first 500 members. Applies automatically at checkout.</p>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td align="center" class="px" style="padding:30px 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>