Artisan Bakery
Warm and inviting email design with soft terracotta and cream tones, featuring Playfair Display typography and food photography - perfect for bakeries and cafes.
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=Playfair+Display:wght@400;700&family=Source+Sans+Pro:wght@400;600&display=swap');
</style>
</head>
<body style="background-color:#fffaf5;margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:'Source Sans Pro', sans-serif">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin:0 auto">
<!-- Header -->
<tr>
<td style="padding:32px 20px;text-align:center">
<h1 style="font-family:'Playfair Display',serif;font-weight:700;font-size:32px;color:#662d1c;margin:0">Sweet & Simple</h1>
<p style="color:#d4856d;font-size:16px;margin:8px 0 0 0;font-style:italic">Artisan Bakery</p>
</td>
</tr>
<!-- Hero Banner -->
<tr>
<td style="padding:0 20px">
<img src="https://images.unsplash.com/photo-1509440159596-0249088772ff" alt="Fresh Pastries" style="width:100%;height:300px;object-fit:cover;border-radius:8px" />
</td>
</tr>
<!-- Welcome Message -->
<tr>
<td style="padding:40px 20px;text-align:center">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:480px;margin:0 auto">
<tr>
<td>
<h2 style="font-family:'Playfair Display',serif;font-size:28px;color:#662d1c;margin:0 0 16px 0">Just Out of the Oven</h2>
<p style="font-size:16px;line-height:1.6;color:#805c54;margin:0">Start your morning with our freshly baked croissants, artisan breads, and signature pastries. Everything made from scratch daily.</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Featured Products Grid -->
<tr>
<td style="padding:0 20px 40px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="width:50%;padding:10px">
<img src="https://images.unsplash.com/photo-1586444248902-2f64eddc13df" alt="Croissants" style="width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:12px" />
<h3 style="font-family:'Playfair Display',serif;font-size:20px;color:#662d1c;margin:0 0 8px 0">Butter Croissants</h3>
<p style="font-size:15px;color:#805c54;margin:0">$3.95 each</p>
</td>
<td style="width:50%;padding:10px">
<img src="https://images.unsplash.com/photo-1578985545062-69928b1d9587" alt="Sourdough" style="width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:12px" />
<h3 style="font-family:'Playfair Display',serif;font-size:20px;color:#662d1c;margin:0 0 8px 0">Sourdough Loaf</h3>
<p style="font-size:15px;color:#805c54;margin:0">$7.95 each</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Special Offer -->
<tr>
<td style="padding:0 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:linear-gradient(to right, #fce7e0, #fff3ef);border-radius:8px">
<tr>
<td style="padding:40px;text-align:center">
<h2 style="font-family:'Playfair Display',serif;font-size:24px;color:#662d1c;margin:0 0 16px 0">Early Bird Special</h2>
<p style="font-size:16px;color:#805c54;margin:0 0 24px 0">20% off all pastries before 9am</p>
<a href="#" style="display:inline-block;padding:12px 32px;background:#d4856d;color:white;text-decoration:none;border-radius:25px;font-weight:600">View Menu</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Pre-Order Section -->
<tr>
<td style="padding:40px 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:white;border-radius:8px;border:1px solid #f3d8d0">
<tr>
<td style="padding:32px;text-align:center">
<h2 style="font-family:'Playfair Display',serif;font-size:24px;color:#662d1c;margin:0 0 16px 0">Special Occasions</h2>
<p style="font-size:16px;line-height:1.6;color:#805c54;margin:0 0 24px 0">Planning a celebration? Pre-order our custom cakes and celebration breads 48 hours in advance.</p>
<a href="tel:+15555555555" style="display:inline-block;padding:12px 32px;background:#662d1c;color:white;text-decoration:none;border-radius:25px;font-weight:600">Call to Order</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Hours & Location -->
<tr>
<td style="padding:0 20px 40px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="text-align:center">
<h3 style="font-family:'Playfair Display',serif;font-size:20px;color:#662d1c;margin:0 0 16px 0">Visit Us</h3>
<p style="font-size:15px;line-height:1.6;color:#805c54;margin:0">
123 Baker Street<br/>
Portland, OR 97201<br/>
Tuesday - Sunday: 7am - 3pm
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding:32px 20px;text-align:center;background:#fef6f3">
<p style="font-size:14px;color:#805c54;margin:0 0 8px 0">Follow us for daily specials</p>
<table width="100%" max-width="200px" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0 auto">
<tr>
<td style="padding:0 8px">
<a href="#" style="font-size:14px;color:#d4856d;text-decoration:none">Instagram</a>
</td>
<td style="padding:0 8px">
<a href="#" style="font-size:14px;color:#d4856d;text-decoration:none">Facebook</a>
</td>
<td style="padding:0 8px">
<a href="#" style="font-size:14px;color:#d4856d;text-decoration:none">Twitter</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>