- Product launch
- and Promotional, Announcement
New Collection Lookbook email template
A calm furniture lookbook email: a wide room photo under a serif headline, two pieces shown as photo and text pairs, and a dark split panel for the showroom.
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>New Collection Lookbook</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-ds-44{font-size:31px!important;line-height:34px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-30{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0f0f0e!important;}
.ete-content{background-color:#181817!important;}
.ete-text{color:#dcdad4!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#a3a097!important;}
.ete-link{color:#d9c29a!important;}
.ete-border{border-color:#2f2e2b!important;}
.ete-panel{background-color:#212120!important;border-color:#2f2e2b!important;}
.ete-btn{background-color:#e8e2d6!important;border-color:#e8e2d6!important;}
.ete-btn-text{color:#181817!important;}
.ete-btn-outline{border-color:#e8e2d6!important;}
.ete-btn-outline-text{color:#e8e2d6!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:#dcdad4!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#a3a097!important;}
[data-ogsc] .ete-link{color:#d9c29a!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0f0f0e!important;}
[data-ogsb] .ete-content{background-color:#181817!important;}
[data-ogsb] .ete-panel{background-color:#212120!important;border-color:#2f2e2b!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-serif{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=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ecebe7;">
<!-- 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;">Solid walnut, painted ash and soft linen. Our autumn collection is ready to view. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ecebe7;">
<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:#fafaf8;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#1c1c1a;">atelier nord</span><div class="ete-muted" style="padding-top:6px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#75736c;">Furniture made in small runs</div></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;text-align:center;"><p style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1c1c1a;text-align:center;">Autumn collection</p><h1 class="ete-heading ete-ds-44" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:44px;line-height:48px;font-weight:400;color:#1c1c1a;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(44px,7.33vw);line-height:min(48px,8vw);overflow-wrap:anywhere;word-break:break-word;">Quiet pieces for long evenings</h1><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#45443f;padding-top:16px;text-align:center;">Solid walnut, painted ash and soft linen, made in small runs in our workshop.</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:235px;" arcsize="0%" strokecolor="#1c1c1a" fillcolor="#1c1c1a"><w:anchorlock/><center style="color:#fafaf8;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">View the collection</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/autumn" style="display:inline-block;background-color:#1c1c1a;border:1px solid #1c1c1a;line-height:48px;border-radius:0px;color:#fafaf8;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-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 class="ete-btn-text" style="color:#fafaf8;">View the collection</span></a><!--<![endif]--></td></tr></table></div></td></tr>
<tr><td class="" style="padding:0;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/new-collection-lookbook-hero.jpg" alt="A yellow spindle chair and a potted plant in a sunny wood panelled room" width="600" height="400" class="ete-fluid" style="display:block;width:600px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1c1c1a;text-align:center;">The lookbook</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:400;color:#1c1c1a;text-align:center;mso-line-height-rule:exactly;">Made to be lived with</h2></td></tr>
<tr><td class="ete-px" style="padding:12px 20px 0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;"><!--[if mso]><table role="presentation" width="560" cellpadding="0" cellspacing="0" border="0"><tr><td width="249" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:44.46%;max-width:100%;width:44.46%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:flex-start;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/new-collection-lookbook-table.jpg" alt="A round walnut table and a dark wooden chair on a pale floor" width="225" height="225" class="ete-fluid-cap" style="display:block;width:225px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></td></tr></table></div><!--[if mso]></td><td width="311" valign="middle"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:middle;min-width:55.53%;max-width:100%;width:55.53%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1c1c1a;text-align:left;mso-line-height-rule:exactly;">Fjell round table</h3><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#45443f;padding-top:8px;">Walnut top on four slim legs. Seats four for a slow breakfast, or six if you squeeze.</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><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/fjell" style="height:48px;v-text-anchor:middle;width:181px;" arcsize="0%" strokecolor="#1c1c1a" fillcolor="#1c1c1a"><w:anchorlock/><center style="color:#fafaf8;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the table</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/fjell" style="display:inline-block;background-color:#1c1c1a;border:1px solid #1c1c1a;line-height:48px;border-radius:0px;color:#fafaf8;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-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 class="ete-btn-text" style="color:#fafaf8;">See the table</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:12px 20px 0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;"><!--[if mso]><table role="presentation" width="560" dir="rtl" cellpadding="0" cellspacing="0" border="0"><tr><td width="249" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:44.46%;max-width:100%;width:44.46%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:flex-start;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/new-collection-lookbook-lamp.jpg" alt="A white swing arm lamp hanging over a small log side table" width="225" height="225" class="ete-fluid-cap" style="display:block;width:225px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></td></tr></table></div><!--[if mso]></td><td width="311" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" style="display:inline-block;vertical-align:middle;min-width:55.53%;max-width:100%;width:55.53%;width:calc((448px - 100%) * 448);font-size:16px;text-align:left;align-self:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 12px 16px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1c1c1a;text-align:left;mso-line-height-rule:exactly;">Lune reading lamp</h3><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#45443f;padding-top:8px;">A white enamel shade on a swing arm, made to hang over a chair or a side table.</p><div style="padding-top:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><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/lune" style="height:48px;v-text-anchor:middle;width:172px;" arcsize="0%" strokecolor="#1c1c1a" fillcolor="#1c1c1a"><w:anchorlock/><center style="color:#fafaf8;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the lamp</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/lune" style="display:inline-block;background-color:#1c1c1a;border:1px solid #1c1c1a;line-height:48px;border-radius:0px;color:#fafaf8;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-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 class="ete-btn-text" style="color:#fafaf8;">See the lamp</span></a><!--<![endif]--></td></tr></table></div></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 class="" style="padding:0;"><div style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#1c1c1a;"><!--[if mso]><table role="presentation" width="600" bgcolor="#1c1c1a" 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;align-self:flex-start;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/new-collection-lookbook-showroom.jpg" alt="A grey armchair beside a leather sofa in front of a brick wall" width="263" height="329" class="ete-fluid" style="display:block;width:263px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d9c29a;text-align:left;">Visit us</p><h1 class="ete-ds-30" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:30px;line-height:36px;font-weight:400;color:#fafaf8;text-align:left;mso-line-height-rule:exactly;">Sit before you choose</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#fafaf8;padding-top:16px;text-align:left;">Our showroom has every finish and fabric to touch. Open Thursday to Sunday.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><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/showroom" style="height:48px;v-text-anchor:middle;width:172px;" arcsize="0%" strokecolor="#fafaf8" fillcolor="#fafaf8"><w:anchorlock/><center style="color:#1c1c1a;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Plan a visit</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/showroom" style="display:inline-block;background-color:#fafaf8;border:1px solid #fafaf8;line-height:48px;border-radius:0px;color:#1c1c1a;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-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:#1c1c1a;">Plan a visit</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#75736c;line-height:20px;text-align:center;"><strong>atelier nord</strong><br>Tranegade 18, 2200 Copenhagen, Denmark</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#75736c;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the atelier nord list.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#75736c;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#75736c;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#75736c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#75736c;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A lookbook email for furniture makers, home stores and interior studios launching a new collection. It works like a slow page in a printed catalog: big photos, few words and plenty of space.
A short eyebrow names the season, a serif headline sets the mood, and one button opens the full collection above a wide photo of the main piece in a lived-in room. Two pieces of the collection follow as photo and text pairs that switch sides, each with a short story about the wood or finish and a link to the product. A dark split panel near the end invites readers to the showroom to sit, touch and compare finishes. The footer closes the email.
Stone grey, warm white and near black keep the palette quiet so the wood grain and textures stand out.
Change the pieces each season and keep the slow rhythm of photo, story, link.
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
- Photo hero with headline
- Lookbook heading
- Two photo and text pairs
- Showroom split panel
- Footer
Subject line ideas
- The autumn collection is here
- Quiet pieces for long evenings
- {{first_name}}, come sit in the new chair
Preview text idea
Solid walnut, painted ash and soft linen. Our autumn collection is ready to view.