Update pricing UX, billing flows, and API rules
This commit is contained in:
89
app/references/email-designs/email-verification-v2.html
Normal file
89
app/references/email-designs/email-verification-v2.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Dewemoji Email Verification</title>
|
||||
</head>
|
||||
<body style="margin:0; padding:0; background:#f5f7fb;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f5f7fb; padding:32px 16px;">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background:#0b1222; border-radius:24px; overflow:hidden; box-shadow:0 24px 60px rgba(15,23,42,0.18);">
|
||||
<tr>
|
||||
<td style="padding:28px 28px 12px;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td>
|
||||
<table role="presentation" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td style="width:40px; height:40px; border-radius:12px; background:#121c33; text-align:center;">
|
||||
<span style="display:inline-block; font-size:20px; line-height:40px;">✨</span>
|
||||
</td>
|
||||
<td style="padding-left:12px; font-family:Arial, sans-serif; color:#f8fafc; font-size:18px; font-weight:700;">
|
||||
Dewemoji
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td align="right" style="font-family:Arial, sans-serif; color:#7c8bb0; font-size:12px;">
|
||||
Email verification
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding:12px 28px 0;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#121c33; border-radius:18px; padding:28px;">
|
||||
<tr>
|
||||
<td style="font-family:Arial, sans-serif; color:#f8fafc; font-size:22px; font-weight:700; padding-bottom:10px;">
|
||||
Verify your email to unlock Dewemoji
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-family:Arial, sans-serif; color:#cbd5f2; font-size:14px; line-height:1.7; padding-bottom:20px;">
|
||||
Thanks for joining. Please confirm your email address to activate your account and start saving your favorite emoji keywords.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style="padding-bottom:18px;">
|
||||
<a href="{{ verification_url }}" style="display:inline-block; padding:12px 20px; background:#3b82f6; color:#ffffff; text-decoration:none; border-radius:999px; font-family:Arial, sans-serif; font-size:14px; font-weight:700;">
|
||||
Verify Email
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-family:Arial, sans-serif; color:#94a3c9; font-size:12px; line-height:1.6;">
|
||||
If the button doesn’t work, paste this link into your browser:
|
||||
<br />
|
||||
<span style="color:#7aa2ff;">{{ verification_url }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="padding:20px 28px 28px;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#0f172a; border-radius:16px; padding:18px;">
|
||||
<tr>
|
||||
<td style="font-family:Arial, sans-serif; color:#9aa6c3; font-size:12px; line-height:1.6;">
|
||||
This link will expire in 60 minutes. If you didn’t request this email, you can safely ignore it.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="font-family:Arial, sans-serif; color:#64748b; font-size:11px; padding-top:8px;">
|
||||
Dewemoji • Emoji discovery and keywords for creators
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user