Playful Bakery
Whimsical and cheerful email design featuring pastel colors, playful typography, and fun emojis - perfect for bakeries, dessert shops, and kid-friendly businesses
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Delius+Swash+Caps&display=swap');
</style>
</head>
<body style="background-color:#fef7ff;margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:'Fredoka', sans-serif">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin:0 auto">
<!-- Header with Fun Banner -->
<tr>
<td style="padding:32px 20px;background:#ffebf7;border-radius:0 0 30px 30px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="text-align:center">
<h1 style="font-family:'Delius Swash Caps',cursive;font-size:38px;color:#ff69b4;margin:0">Sprinkles & Smiles</h1>
<p style="color:#9d84b7;font-size:18px;margin:8px 0 0 0">where every bite brings delight! 🧁</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Bouncy Banner Image -->
<tr>
<td style="padding:20px">
<img src="https://images.unsplash.com/photo-1486427944299-d1955d23e34d" alt="Colorful Cupcakes" style="width:100%;height:300px;object-fit:cover;border-radius:20px;border:8px solid white;box-shadow:0 4px 15px rgba(157,132,183,0.2)" />
</td>
</tr>
<!-- Cheerful Welcome -->
<tr>
<td style="padding:20px;text-align:center">
<h2 style="font-family:'Delius Swash Caps',cursive;font-size:32px;color:#ff69b4;margin:0 0 16px 0">This Week's Sweet Treats!</h2>
<p style="font-size:18px;line-height:1.6;color:#9d84b7;margin:0">Get ready for a sprinkle of happiness with our newest creations 🌈</p>
</td>
</tr>
<!-- Fun Product Grid -->
<tr>
<td style="padding:20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="padding:10px">
<div style="background:#e0f4ff;border-radius:20px;padding:20px;text-align:center">
<img src="https://images.unsplash.com/photo-1587668178277-295251f900ce" alt="Rainbow Cupcakes" style="width:100%;height:200px;object-fit:cover;border-radius:15px;margin-bottom:15px" />
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:24px;color:#ff69b4;margin:0 0 8px 0">Rainbow Cupcakes</h3>
<p style="font-size:16px;color:#9d84b7;margin:0">$3.50 each or 4 for $12</p>
</div>
</td>
<td style="padding:10px">
<div style="background:#fff0f9;border-radius:20px;padding:20px;text-align:center">
<img src="https://images.unsplash.com/photo-1612203985729-70726954388c" alt="Cookie Box" style="width:100%;height:200px;object-fit:cover;border-radius:15px;margin-bottom:15px" />
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:24px;color:#ff69b4;margin:0 0 8px 0">Cookie Box</h3>
<p style="font-size:16px;color:#9d84b7;margin:0">$12 for a dozen!</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Special Offer Bubble -->
<tr>
<td style="padding:20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:linear-gradient(135deg, #ffebf7 0%, #e0f4ff 100%);border-radius:30px">
<tr>
<td style="padding:30px;text-align:center">
<h2 style="font-family:'Delius Swash Caps',cursive;font-size:28px;color:#ff69b4;margin:0 0 16px 0">🎉 Birthday Special! 🎉</h2>
<p style="font-size:18px;color:#9d84b7;margin:0 0 24px 0">Order any custom cake and get a free mini cupcake box!</p>
<a href="#" style="display:inline-block;padding:15px 35px;background:#ff69b4;color:white;text-decoration:none;border-radius:50px;font-size:18px;font-weight:600">Order Now!</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Fun Features -->
<tr>
<td style="padding:20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="width:33.33%;padding:10px">
<div style="background:#f0ebff;border-radius:15px;padding:20px;text-align:center">
<p style="font-size:28px;margin:0 0 10px 0">🎨</p>
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:18px;color:#9d84b7;margin:0">Custom Designs</h3>
</div>
</td>
<td style="width:33.33%;padding:10px">
<div style="background:#ffebf7;border-radius:15px;padding:20px;text-align:center">
<p style="font-size:28px;margin:0 0 10px 0">🌱</p>
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:18px;color:#9d84b7;margin:0">Vegan Options</h3>
</div>
</td>
<td style="width:33.33%;padding:10px">
<div style="background:#e0f4ff;border-radius:15px;padding:20px;text-align:center">
<p style="font-size:28px;margin:0 0 10px 0">🚚</p>
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:18px;color:#9d84b7;margin:0">Local Delivery</h3>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Visit Us -->
<tr>
<td style="padding:20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:white;border-radius:20px;border:3px dashed #ff69b4">
<tr>
<td style="padding:30px;text-align:center">
<h3 style="font-family:'Delius Swash Caps',cursive;font-size:24px;color:#ff69b4;margin:0 0 16px 0">Come Visit Us!</h3>
<p style="font-size:16px;line-height:1.6;color:#9d84b7;margin:0">
123 Sweet Street<br/>
Rainbow City, CA 90210<br/>
Open Tuesday-Sunday: 8am-6pm
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding:40px 20px;text-align:center;background:#ffebf7;border-radius:30px 30px 0 0">
<p style="font-family:'Delius Swash Caps',cursive;font-size:18px;color:#ff69b4;margin:0 0 16px 0">Let's Be Friends! 💕</p>
<table width="100%" max-width="240px" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0 auto">
<tr>
<td style="padding:0 10px">
<a href="#" style="font-size:16px;color:#9d84b7;text-decoration:none">Instagram</a>
</td>
<td style="padding:0 10px">
<a href="#" style="font-size:16px;color:#9d84b7;text-decoration:none">TikTok</a>
</td>
<td style="padding:0 10px">
<a href="#" style="font-size:16px;color:#9d84b7;text-decoration:none">Pinterest</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>