Luxury Fashion House Email Template
Premium email template with elegant typography, overlapping elements, and gold accents, designed for high-end fashion, jewelry, and lifestyle brands featuring Didot font and a sophisticated color palette.
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" />
</head>
<body style="background-color:#f5f3f0;margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'">
<!-- Main Container -->
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin:0 auto">
<!-- Header Section -->
<tr>
<td style="padding:40px 20px 20px">
<h1 style="font-family:Didot;font-size:24px;text-align:center;color:#333333;margin:0">MAISON LUMIÈRE</h1>
</td>
</tr>
<!-- Hero Section -->
<tr>
<td style="padding:0 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:#F9F6F3">
<tr>
<td style="padding:40px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="padding-bottom:32px">
<p style="font-family:Didot;font-size:12px;letter-spacing:2px;color:#A8977B;margin:0 0 8px 0">NEW ARRIVAL</p>
<h2 style="font-family:Didot;font-size:32px;line-height:1.2;margin:0">Spring Collection 2024</h2>
</td>
</tr>
<tr>
<td>
<img src="https://images.unsplash.com/photo-1524504388940-b1c1722653e1" alt="Spring Collection" style="width:100%;height:400px;object-fit:cover" />
<table width="90%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:-60px auto 0;position:relative;background:white;padding:32px">
<tr>
<td>
<h3 style="font-family:Didot;font-size:24px;margin:0 0 16px 0">Ethereal Elegance</h3>
<p style="font-size:15px;line-height:1.6;color:#666;margin:0 0 24px 0">Discover our most refined collection yet, where timeless sophistication meets contemporary design.</p>
<a href="#" style="font-family:Didot;font-size:14px;color:#A8977B;text-decoration:none;border-bottom:1px solid #A8977B;padding-bottom:4px">View Collection</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Featured Products -->
<tr>
<td style="padding:60px 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="text-align:center;padding-bottom:40px">
<p style="font-family:Didot;font-size:12px;letter-spacing:2px;color:#A8977B;margin:0 0 8px 0">FEATURED PIECES</p>
<h2 style="font-family:Didot;font-size:28px;margin:0">Curated Excellence</h2>
</td>
</tr>
<tr>
<td>
<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-1509631179647-0177331693ae" alt="Product 1" style="width:100%;height:300px;object-fit:cover;margin-bottom:16px" />
<h3 style="font-family:Didot;font-size:18px;margin:0 0 8px 0">The Luminous Collection</h3>
<p style="font-size:14px;color:#A8977B;margin:0">From $1,200</p>
</td>
<td style="width:50%;padding:10px">
<img src="https://images.unsplash.com/photo-1490481651871-ab68de25d43d" alt="Product 2" style="width:100%;height:300px;object-fit:cover;margin-bottom:16px" />
<h3 style="font-family:Didot;font-size:18px;margin:0 0 8px 0">The Celestial Series</h3>
<p style="font-size:14px;color:#A8977B;margin:0">From $950</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Event Section -->
<tr>
<td style="padding:0 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background:#1A1A1A">
<tr>
<td style="padding:60px 40px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="text-align:center;padding-bottom:40px">
<p style="font-family:Didot;font-size:12px;letter-spacing:3px;color:#A8977B;margin:0 0 16px 0">EXCLUSIVE PREVIEW</p>
<h2 style="font-family:Didot;font-size:36px;line-height:1.2;color:white;margin:0 0 24px 0">Summer Soirée</h2>
<p style="font-size:16px;line-height:1.6;color:#999;margin:0 0 32px 0">Join us for an evening of luxury and refinement</p>
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0 auto">
<tr>
<td style="padding:24px 0;border-top:1px solid #333;border-bottom:1px solid #333">
<p style="font-family:Didot;font-size:14px;color:#A8977B;margin:0 0 8px 0">JUNE 15TH, 2024</p>
<p style="font-family:Didot;font-size:14px;color:#A8977B;margin:0">6:00 PM - 9:00 PM</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align:center">
<a href="#" style="font-family:Didot;font-size:12px;letter-spacing:2px;color:#A8977B;text-decoration:none;border:1px solid #A8977B;padding:16px 32px;display:inline-block">SECURE YOUR PLACE</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding:60px 20px">
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tr>
<td style="text-align:center;padding-bottom:32px">
<p style="font-family:Didot;font-size:12px;letter-spacing:2px;color:#A8977B;margin:0 0 16px 0">CONNECT WITH US</p>
<table width="100%" max-width="300px" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin:0 auto">
<tr>
<td style="padding:0 16px">
<a href="#" style="font-family:Didot;font-size:14px;color:#333;text-decoration:none">Instagram</a>
</td>
<td style="padding:0 16px">
<a href="#" style="font-family:Didot;font-size:14px;color:#333;text-decoration:none">Pinterest</a>
</td>
<td style="padding:0 16px">
<a href="#" style="font-family:Didot;font-size:14px;color:#333;text-decoration:none">LinkedIn</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align:center">
<p style="font-family:Didot;font-size:16px;color:#333;margin:0 0 8px 0">Maison Lumière</p>
<p style="font-size:14px;line-height:1.6;color:#666;margin:0">123 Madison Avenue, New York, NY 10001</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>