HTML · ESP-ready — full email, table-based, inline styles · generated from mockup — not yet in SendGrid
<!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>What beta members are saying</title>
<!-- GENERATED FROM MOCKUP (comms/email-social-proof.html) 2026-07-23 — NOT yet in SendGrid.
Recommended subject: "What beta members are saying" · Preheader: as the hidden div below.
BLOCKED ON REAL QUOTES: the three quotes are SAMPLE copy — swap in real feedback-program
quotes (star rating + comment, member OK required) before uploading this anywhere.
One deliberate divergence from the mockup: the offer line is rephrased to the approved
first-500 wording per house copy rules — the facts (50% off Pro for life, annual plan,
first 500 members) are unchanged.
Unsubscribe uses the ASM raw-url tags (house convention since 2026-07-16) — the send must pass
asm:{group_id, groups_to_display} or the links are dead. -->
<!--[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;">
Real feedback from the first beta members — and your invite is still active.
</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 18px; background-color:#ffffff;">
<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:29px; line-height:1.14; letter-spacing:-1px; color:#0F1012;">What beta members are saying</h1>
<p style="margin:0 auto; max-width:440px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#353841;">The first members have been rating the beta from day one. A few of their comments, unedited:</p>
</td>
</tr>
<!-- QUOTES (stars stay text characters — render everywhere, survive dark mode) -->
<tr>
<td class="px" style="padding:8px 36px 6px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:12px;">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:14px; letter-spacing:2px; color:#FFC021;">★★★★★</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#0F1012;">“Search actually finds what I mean now. Typed ‘chef’s kiss’ and it was just… there.”</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Beta member · SAMPLE — replace with real feedback</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="px" style="padding:6px 36px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:12px;">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:14px; letter-spacing:2px; color:#FFC021;">★★★★★</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#0F1012;">“I have a list just for standup reactions. My team thinks I’m fast; I’m just organized.”</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Beta member · SAMPLE — replace with real feedback</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="px" style="padding:6px 36px; background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f5f7; border:1px solid #eaebef; border-radius:12px;">
<tr>
<td style="padding:18px 20px;">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:14px; letter-spacing:2px; color:#FFC021;">★★★★☆</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:1.55; color:#0F1012;">“The combos are great. Would love more curated collections — keep them coming.”</div>
<div style="margin-top:8px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Beta member · SAMPLE — replace with real feedback</div>
</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;">Join the beta</a>
</td>
</tr>
</table>
<div style="margin-top:14px; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#7C8292;">Free during the beta, ad-free the whole way.</div>
</td>
</tr>
<!-- OFFER LINE -->
<tr>
<td align="center" class="px" style="padding:26px 36px 6px; background-color:#ffffff;">
<div style="font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.6; color:#7C8292;"><b style="color:#353841;">50% off Pro for life</b> (annual plan) is open to the first 500 members.</div>
</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> · <a href="https://app.emojicopy.com" target="_blank" style="color:#20AD03; text-decoration:none;">app.emojicopy.com</a></div>
<div style="margin-top:10px; font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:1.6; color:#9aa0ab;">
You signed up at emojicopy.com to hear when the new EmojiCopy launched.<br>
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>