- Newsletter
- Promotional
- and Announcement
Lifestyle Journal Newsletter email template
A lifestyle newsletter with a dark sea banner, two travel and interiors stories, fashion and home picks in cards, and a closing collection banner.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Lifestyle Journal Newsletter</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-nav-cell{padding-top:12px!important;}.ete-nav-cell p{text-align:center!important;}
.ete-ds-30{font-size:28px!important;line-height:31px!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-24{font-size:28px!important;line-height:31px!important;}
.ete-ds-26{font-size:28px!important;line-height:31px!important;}
.ete-ds-28{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#111111!important;}
.ete-content{background-color:#1b1b1b!important;}
.ete-text{color:#d4d4d4!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#a3a3a3!important;}
.ete-link{color:#f6c4c0!important;}
.ete-border{border-color:#3a3a3a!important;}
.ete-panel{background-color:#242424!important;border-color:#3a3a3a!important;}
.ete-btn{background-color:#f6c4c0!important;border-color:#f6c4c0!important;}
.ete-btn-text{color:#2b2b2b!important;}
.ete-btn-outline{border-color:#f6c4c0!important;}
.ete-btn-outline-text{color:#f6c4c0!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#d4d4d4!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#a3a3a3!important;}
[data-ogsc] .ete-link{color:#f6c4c0!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#111111!important;}
[data-ogsb] .ete-content{background-color:#1b1b1b!important;}
[data-ogsb] .ete-panel{background-color:#242424!important;border-color:#3a3a3a!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-cormorant{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Cormorant+Garamond:wght@500;600;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f0f0f0;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">A cliff walk at sunrise, a chair for slow Sundays, and the pieces we wear all autumn. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f0f0f0;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 20px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="185" valign="middle"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:middle;min-width:34.51%;max-width:100%;width:34.51%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><a href="https://example.com/" style="text-decoration:none;color:#2b2b2b;"><span class="ete-heading ete-f-cormorant" style="font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:34px;line-height:43px;font-weight:600;letter-spacing:8px;color:#2b2b2b;">VELLMORE</span></a></div><!--[if mso]></td><td width="351" valign="middle"><![endif]--><div class="ete-stack ete-stack-center ete-nav-cell" style="display:inline-block;vertical-align:middle;min-width:65.48%;max-width:100%;width:65.48%;width:calc((429px - 100%) * 429);font-size:16px;text-align:right;"><p style="margin:0;text-align:right;"><a class="ete-heading" href="https://example.com/" style="display:inline-block;padding:4px 10px;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:20px;font-weight:700;color:#2b2b2b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Home</a><a class="ete-heading" href="https://example.com/travel" style="display:inline-block;padding:4px 10px;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:20px;font-weight:700;color:#2b2b2b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Travel</a><a class="ete-heading" href="https://example.com/fashion" style="display:inline-block;padding:4px 10px;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:20px;font-weight:700;color:#2b2b2b;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Fashion</a></p></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td bgcolor="#1d2a33" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-hero.jpg" valign="top" style="background-color:#1d2a33;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-hero.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:260px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-hero.jpg" color="#1d2a33" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="middle" align="center" height="260" style="height:260px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.2);"><p style="margin:0 0 12px;font-family:Georgia, 'Times New Roman', serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff;text-align:center;">Issue 48 ยท October</p><h1 class="ete-ds-30" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;line-height:36px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;text-transform:uppercase;letter-spacing:0.5px;">Slow days, far places</h1></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td height="24" style="height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#f1f1f1;"><!--[if mso]><table role="presentation" width="600" bgcolor="#f1f1f1" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;background-color:#222222;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-travel.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:263px;height:300px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-travel.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="A walker stands on a sea cliff as the sun comes up" style="height:300px;line-height:300px;font-size:0;"> </div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><p style="margin:0 0 12px;font-family:Georgia, 'Times New Roman', serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#5a5a5a;text-align:center;">Travel</p><h1 class="ete-ds-24" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#2b2b2b;text-align:center;mso-line-height-rule:exactly;">THE NORTH COAST</h1><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:27px;color:#2b2b2b;padding-top:16px;text-align:center;">Three days of cliff paths, cold swims and small harbour towns, with the places we stayed.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/journal/north-coast" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="0%" filled="f" strokeweight="2px" strokecolor="#2b2b2b"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read the trip</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/journal/north-coast" style="display:inline-block;background-color:transparent;border:2px solid #2b2b2b;line-height:44px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#2b2b2b;">Read the trip</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#f7f4d7;"><!--[if mso]><table role="presentation" width="600" bgcolor="#f7f4d7" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:43.83%;max-width:100%;width:43.83%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;background-color:#222222;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-interiors.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:263px;height:300px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-interiors.jpg" color="#222222" /><v:textbox inset="0,0,0,0"><![endif]--><div role="img" aria-label="Light wood coffee tables in front of a pink sofa with patterned cushions" style="height:300px;line-height:300px;font-size:0;"> </div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></div><!--[if mso]></td><td width="337" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:56.16%;max-width:100%;width:56.16%;width:calc((480px - 100%) * 480);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-split-text" style="padding:40px 32px;"><p style="margin:0 0 12px;font-family:Georgia, 'Times New Roman', serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#5a5a5a;text-align:center;">Interiors</p><h1 class="ete-ds-24" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:24px;line-height:29px;font-weight:700;color:#2b2b2b;text-align:center;mso-line-height-rule:exactly;">SIT AND RELAX.</h1><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:27px;color:#2b2b2b;padding-top:16px;text-align:center;">A calm corner needs one good chair, soft light and room to put a cup down.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/interiors" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="0%" filled="f" strokeweight="2px" strokecolor="#2b2b2b"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Shop the room</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/interiors" style="display:inline-block;background-color:transparent;border:2px solid #2b2b2b;line-height:44px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#2b2b2b;">Shop the room</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="16" style="height:16px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h2 class="ete-heading ete-ds-26" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:26px;line-height:31px;font-weight:700;color:#2b2b2b;text-align:center;mso-line-height-rule:exactly;">DRESS TO IMPRESS.</h2></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="268" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ete-border" style="border:1px solid #e2e2e2;"><tr><td><a href="https://example.com/p/virgo-jumper"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-p1.jpg" alt="Woman in a grey cable knit jumper looking at green hills" width="246" height="308" class="ete-fluid" style="display:block;width:246px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a></td></tr><tr><td style="padding:18px 14px 20px;text-align:center;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2b2b2b;text-align:center;">VIRGO JUMPER</p><p class="ete-muted" style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:14px;line-height:22px;color:#7a7a7a;padding-top:8px;margin-top:8px;line-height:21px;border-top:1px solid #e2e2e2;text-align:center;">Pure wool in a fine cable knit, soft enough to wear from first frost to spring.</p></td></tr><tr><td><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/p/virgo-jumper" style="height:48px;v-text-anchor:middle;width:246px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">SHOP NOW</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/p/virgo-jumper" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#2b2b2b;">SHOP NOW</span></a><!--<![endif]--></td></tr></table></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ete-border" style="border:1px solid #e2e2e2;"><tr><td><a href="https://example.com/p/juno-coat"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-p2.jpg" alt="Woman in a long brown coat and knit hat in coastal grass" width="246" height="308" class="ete-fluid" style="display:block;width:246px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a></td></tr><tr><td style="padding:18px 14px 20px;text-align:center;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2b2b2b;text-align:center;">JUNO COAT</p><p class="ete-muted" style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:14px;line-height:22px;color:#7a7a7a;padding-top:8px;margin-top:8px;line-height:21px;border-top:1px solid #e2e2e2;text-align:center;">A long brushed coat with deep pockets and a straight cut for cold walks.</p></td></tr><tr><td><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/p/juno-coat" style="height:48px;v-text-anchor:middle;width:246px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">SHOP NOW</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/p/juno-coat" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#2b2b2b;">SHOP NOW</span></a><!--<![endif]--></td></tr></table></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ete-border" style="border:1px solid #e2e2e2;"><tr><td><a href="https://example.com/p/carlo-chair"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-chair.jpg" alt="Green wingback armchair by a sunny window with a bookshelf above" width="156" height="130" class="ete-fluid" style="display:block;width:156px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a></td></tr><tr><td style="padding:18px 14px 20px;text-align:center;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2b2b2b;text-align:center;">CARLO CHAIR</p></td></tr><tr><td><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/p/carlo-chair" style="height:48px;v-text-anchor:middle;width:156px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">SHOP NOW</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/p/carlo-chair" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#2b2b2b;">SHOP NOW</span></a><!--<![endif]--></td></tr></table></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ete-border" style="border:1px solid #e2e2e2;"><tr><td><a href="https://example.com/p/copper-leaf-lamp"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-lamp.jpg" alt="Copper pendant lamp with leaf shaped shades glowing warm" width="156" height="130" class="ete-fluid" style="display:block;width:156px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a></td></tr><tr><td style="padding:18px 14px 20px;text-align:center;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2b2b2b;text-align:center;">LEAF LAMP</p></td></tr><tr><td><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/p/copper-leaf-lamp" style="height:48px;v-text-anchor:middle;width:156px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">SHOP NOW</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/p/copper-leaf-lamp" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#2b2b2b;">SHOP NOW</span></a><!--<![endif]--></td></tr></table></td></tr></table></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell ete-stack-gap" style="padding:0 10px 24px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="ete-border" style="border:1px solid #e2e2e2;"><tr><td><a href="https://example.com/p/fenna-table"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-table.jpg" alt="Wooden dining table with white chairs in a sunny room" width="156" height="130" class="ete-fluid" style="display:block;width:156px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a></td></tr><tr><td style="padding:18px 14px 20px;text-align:center;"><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:24px;font-weight:700;color:#2b2b2b;text-align:center;">FENNA TABLE</p></td></tr><tr><td><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/p/fenna-table" style="height:48px;v-text-anchor:middle;width:156px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">SHOP NOW</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn ete-btn-full" href="https://example.com/p/fenna-table" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;width:100%;box-sizing:border-box;"><span class="ete-btn-text" style="color:#2b2b2b;">SHOP NOW</span></a><!--<![endif]--></td></tr></table></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td height="24" style="height:24px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td bgcolor="#2a2420" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-rack.jpg" valign="top" style="background-color:#2a2420;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-rack.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:280px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/lifestyle-journal-newsletter-rack.jpg" color="#2a2420" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="middle" align="center" height="280" style="height:280px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.45);"><h1 class="ete-ds-28" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:28px;line-height:34px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">BROWSE THE AUTUMN EDIT</h1><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">Classic shapes, good cloth, made to last.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/autumn" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="0%" strokecolor="#f6c4c0" fillcolor="#f6c4c0"><w:anchorlock/><center style="color:#2b2b2b;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">View collection</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/autumn" style="display:inline-block;background-color:#f6c4c0;border:1px solid #f6c4c0;line-height:48px;border-radius:0px;color:#2b2b2b;font-family:Georgia, 'Times New Roman', serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#2b2b2b;">View collection</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td align="center" class="ete-px" bgcolor="#3d3d3d" style="background-color:#3d3d3d;padding:28px 32px 32px;"><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:21px;color:#cfcfcf;line-height:20px;text-align:center;"><strong>Vellmore</strong><br>14 Harbour Row, Portland, ME 04101</p><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:21px;color:#cfcfcf;line-height:20px;text-align:center;padding-top:10px;">You get this journal because you signed up at vellmore.example.</p><p style="margin:0;font-family:Georgia, 'Times New Roman', serif;font-size:13px;line-height:21px;color:#cfcfcf;line-height:20px;text-align:center;padding-top:10px;"><a href="{{unsubscribe_url}}" style="color:#cfcfcf;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:Georgia, 'Times New Roman', serif;font-size:12px;line-height:18px;color:#7a7a7a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a7a7a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from EmailOctopus Templates (Wayfair pack, newsletter) by Three Hearts Digital (EmailOctopus), MIT license.
About this template
A monthly journal email for a lifestyle shop that sells clothes and home pieces and writes about travel. It opens with a wordmark and a short menu, then a dark sea photo with the issue number and a calm headline in live text.
Two story panels follow, each with a photo on one side and a soft colored panel on the other: one trip, one room. Under a simple headline, two fashion pieces and three home pieces sit in white cards with a thin border, a short line about each, and a pink Shop now bar along the bottom of every card.
A second photo banner with a clothes rail invites readers to the full autumn collection, and a dark footer closes the email. The look comes from a classic designer layout: thin caps headings, a serif body, lots of white space and one soft accent color.
Swap the stories and picks every month and keep the frame. The cards work for any product with a photo and one sentence.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Wordmark with menu
- Photo banner with issue line
- Travel story panel
- Interiors story panel
- Fashion picks in cards
- Home picks in cards
- Collection banner
- Footer
Subject line ideas
- Issue 48: a cliff walk and a slow Sunday chair
- New in: the jumper we wear all autumn
- {{first_name}}, the autumn edit is here
Preview text idea
A cliff walk at sunrise, a chair for slow Sundays, and the pieces we wear all autumn.