Simulateur email
Gmail
— Web · Chrome
Réinitialiser
Copier HTML
email.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bienvenue chez MailBuildr</title> </head> <body style="margin:0;padding:0;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;"> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f5f5f7;"> <tr> <td align="center" style="padding:32px 16px;"> <table width="600" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;width:100%;background:#ffffff;border-radius:16px;overflow:hidden;border:1px solid #e8e8ed;"> <!-- HEADER --> <tr> <td style="background:linear-gradient(135deg,#1d1d1f 0%,#2d2d2f 100%);padding:32px 40px 28px;"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <span style="font-size:20px;font-weight:700;color:#ffffff;letter-spacing:-0.3px;">Mail<span style="color:#4b41e1;">Buildr</span></span> </td> <td align="right"> <span style="font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:0.1em;text-transform:uppercase;">Bienvenue</span> </td> </tr> </table> </td> </tr> <!-- HERO --> <tr> <td style="padding:48px 40px 40px;"> <p style="margin:0 0 8px;font-size:12px;font-weight:600;color:#4b41e1;letter-spacing:0.12em;text-transform:uppercase;">Nouveau client</p> <h1 style="margin:0 0 16px;font-size:32px;font-weight:800;color:#1d1d1f;line-height:1.15;letter-spacing:-0.5px;"> Votre premier email<br> <span style="color:#4b41e1;">pixel perfect.</span> </h1> <p style="margin:0 0 32px;font-size:16px;line-height:1.65;color:#6e6e73;"> Bonjour Sophie,<br><br> Merci d'avoir rejoint MailBuildr. Vous pouvez dès maintenant créer, personnaliser et exporter des emails HTML compatibles avec tous vos outils d'envoi. </p> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="background:#4b41e1;border-radius:10px;"> <a href="#" style="display:inline-block;padding:14px 28px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;letter-spacing:-0.1px;"> Créer mon premier email → </a> </td> </tr> </table> </td> </tr> <!-- DIVIDER --> <tr> <td style="padding:0 40px;"> <div style="height:1px;background:#f0f0f5;"></div> </td> </tr> <!-- 3 FEATURES --> <tr> <td style="padding:40px 40px 32px;"> <p style="margin:0 0 24px;font-size:13px;font-weight:600;color:#1d1d1f;letter-spacing:0.02em;text-transform:uppercase;">Ce que vous pouvez faire</p> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="33%" style="padding-right:16px;vertical-align:top;"> <div style="width:40px;height:40px;background:rgba(75,65,225,0.08);border-radius:10px;margin-bottom:12px;text-align:center;line-height:40px;font-size:18px;">✍️</div> <p style="margin:0 0 4px;font-size:13px;font-weight:700;color:#1d1d1f;">Générer</p> <p style="margin:0;font-size:12px;line-height:1.5;color:#6e6e73;">Décrivez votre email, l'IA le construit.</p> </td> <td width="33%" style="padding-right:16px;vertical-align:top;"> <div style="width:40px;height:40px;background:rgba(75,65,225,0.08);border-radius:10px;margin-bottom:12px;text-align:center;line-height:40px;font-size:18px;">🎨</div> <p style="margin:0 0 4px;font-size:13px;font-weight:700;color:#1d1d1f;">Éditer</p> <p style="margin:0;font-size:12px;line-height:1.5;color:#6e6e73;">Drag & drop visuel, en temps réel.</p> </td> <td width="33%" style="vertical-align:top;"> <div style="width:40px;height:40px;background:rgba(75,65,225,0.08);border-radius:10px;margin-bottom:12px;text-align:center;line-height:40px;font-size:18px;">📤</div> <p style="margin:0 0 4px;font-size:13px;font-weight:700;color:#1d1d1f;">Exporter</p> <p style="margin:0;font-size:12px;line-height:1.5;color:#6e6e73;">HTML propre, prêt pour votre ESP.</p> </td> </tr> </table> </td> </tr> <!-- FOOTER --> <tr> <td style="background:#f5f5f7;padding:24px 40px;border-top:1px solid #e8e8ed;"> <p style="margin:0;font-size:11px;color:#a1a1a6;text-align:center;line-height:1.6;"> Vous recevez cet email car vous avez créé un compte MailBuildr.<br> <a href="#" style="color:#4b41e1;text-decoration:none;">Se désabonner</a> · <a href="#" style="color:#a1a1a6;text-decoration:none;">Politique de confidentialité</a> </p> </td> </tr> </table> </td> </tr> </table> </body> </html>
Aperçu · Gmail
G
m
a
i
l
Rechercher dans les emails
S
Nouveau message
Boîte de réception
4
Avec étoile
Envoyés
Brouillons
2
Votre premier email pixel perfect.
M
MailBuildr <hello@mailbuildr.com>
À moi
Aujourd'hui, 09:41
This tool is offered by
MailBuildr.com
Discover MailBuildr →