- Product launch
- and Promotional, Announcement
Photography Portfolio Showcase email template
A dark gallery email for photographers: a silhouette at sunset as the hero, three new series in tall photo columns and a split panel to book a session.
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>Photography Portfolio Showcase</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-50{font-size:35px!important;line-height:39px!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:#0a0a0a!important;}
.ete-content{background-color:#121212!important;}
.ete-text{color:#c9c6c0!important;}
.ete-heading{color:#f5f2ec!important;}
.ete-muted{color:#8f8b84!important;}
.ete-link{color:#e8e2d6!important;}
.ete-border{border-color:#2a2a2a!important;}
.ete-panel{background-color:#1a1a1a!important;border-color:#2a2a2a!important;}
.ete-btn{background-color:#e8e2d6!important;border-color:#e8e2d6!important;}
.ete-btn-text{color:#121212!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:#c9c6c0!important;}
[data-ogsc] .ete-heading{color:#f5f2ec!important;}
[data-ogsc] .ete-muted{color:#8f8b84!important;}
[data-ogsc] .ete-link{color:#e8e2d6!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0a0a0a!important;}
[data-ogsb] .ete-content{background-color:#121212!important;}
[data-ogsb] .ete-panel{background-color:#1a1a1a!important;border-color:#2a2a2a!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:'Helvetica Neue';mso-hansi-font-family:'Helvetica Neue';mso-bidi-font-family:'Helvetica Neue';}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.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=Cormorant+Garamond:wght@500;600;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#0a0a0a;">
<!-- 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;">Three new series from this autumn, and a few dates left for portrait sessions. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#0a0a0a;">
<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:#121212;">
<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:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#f5f2ec;">LUMEN & GRAIN</span><div class="ete-muted" style="padding-top:6px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#8f8b84;">Photography</div></td></tr>
<tr><td align="center" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;background-color:#121212;text-align:center;"><p style="margin:0 0 12px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c8a978;text-align:center;">New work, autumn</p><h1 class="ete-ds-50" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:50px;line-height:54px;font-weight:600;color:#f5f2ec;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(50px,8.33vw);line-height:min(54px,9vw);overflow-wrap:anywhere;word-break:break-word;">Light, shadow and people</h1><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#f5f2ec;padding-top:16px;text-align:center;">A season of long evenings, empty roads and the last light of the day.</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/gallery" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="0%" strokecolor="#f5f2ec" fillcolor="#f5f2ec"><w:anchorlock/><center style="color:#121212;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">View the gallery</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/gallery" style="display:inline-block;background-color:#f5f2ec;border:1px solid #f5f2ec;line-height:48px;border-radius:0px;color:#121212;font-family:'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:#121212;">View the gallery</span></a><!--<![endif]--></td></tr></table></div></td></tr>
<tr><td class="" style="padding:0;background-color:#121212;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photography-portfolio-showcase-hero.jpg" alt="A lone walker in silhouette on a ridge under a red evening sky" 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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#e8e2d6;text-align:center;">Selected series</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:600;color:#f5f2ec;text-align:center;mso-line-height-rule:exactly;">Three new sets</h2></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/after-dark"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photography-portfolio-showcase-night.jpg" alt="Dark pine trees and a roof line under a starry night sky" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:600;color:#f5f2ec;text-align:left;mso-line-height-rule:exactly;">After dark</h3></div><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c9c6c0;padding-top:6px;text-align:left;">Night frames from a mountain village, shot without a flash.</p><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/after-dark" style="color:#e8e2d6;text-decoration:underline;">See the series</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/coastline"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photography-portfolio-showcase-gull.jpg" alt="A gull flying in silhouette across a golden sunrise over the sea" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:600;color:#f5f2ec;text-align:left;mso-line-height-rule:exactly;">Coastline</h3></div><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c9c6c0;padding-top:6px;text-align:left;">Early mornings on the north shore, chasing birds and fog.</p><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/coastline" style="color:#e8e2d6;text-decoration:underline;">See the series</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/harbour-weather"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photography-portfolio-showcase-street.jpg" alt="A person in a beige raincoat seen from behind at a pier railing over grey sea" width="165" height="220" class="ete-fluid-cap" style="display:block;width:165px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:600;color:#f5f2ec;text-align:left;mso-line-height-rule:exactly;">Harbour weather</h3></div><p class="ete-text" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#c9c6c0;padding-top:6px;text-align:left;">Rainy mornings on the pier, people with their backs to the wind.</p><p style="margin:0;padding-top:10px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/harbour-weather" style="color:#e8e2d6;text-decoration:underline;">See the series</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" style="border-top:1px solid #2a2a2a;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="" style="padding:0;"><div dir="rtl" style="font-size:0;text-align:left;display:flex;flex-wrap:wrap;background-color:#1a1a1a;"><!--[if mso]><table role="presentation" width="600" dir="rtl" bgcolor="#1a1a1a" cellpadding="0" cellspacing="0" border="0"><tr><td width="263" valign="middle"><![endif]--><div class="ete-stack" dir="ltr" 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/photography-portfolio-showcase-camera.jpg" alt="A photographer seen from behind raising a camera toward a green hillside" 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" dir="ltr" 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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c8a978;text-align:left;">Sessions open</p><h1 class="ete-ds-30" style="margin:0;font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;font-size:30px;line-height:36px;font-weight:600;color:#f5f2ec;text-align:left;mso-line-height-rule:exactly;">Book a portrait session</h1><p style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#f5f2ec;padding-top:16px;text-align:left;">Outdoor or studio, one hour, edited frames in two weeks.</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/book" style="height:48px;v-text-anchor:middle;width:163px;" arcsize="0%" strokecolor="#f5f2ec" fillcolor="#f5f2ec"><w:anchorlock/><center style="color:#121212;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Check dates</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/book" style="display:inline-block;background-color:#f5f2ec;border:1px solid #f5f2ec;line-height:48px;border-radius:0px;color:#121212;font-family:'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:#121212;">Check dates</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:16px 32px;"><a class="ete-text ete-border" href="https://instagram.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #2a2a2a;border-radius:999px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#c9c6c0;text-decoration:none;">Instagram</a><a class="ete-text ete-border" href="https://example.com/" style="display:inline-block;margin:4px;padding:6px 14px;border:1px solid #2a2a2a;border-radius:999px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;font-weight:700;color:#c9c6c0;text-decoration:none;">Website</a></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8f8b84;line-height:20px;text-align:center;"><strong>Lumen & Grain Photography</strong><br>5 Foundry Yard, Leeds LS9 8AX, United Kingdom</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8f8b84;line-height:20px;text-align:center;padding-top:10px;">You get this email because you booked a session or joined the Lumen & Grain list.</p><p class="ete-muted" style="margin:0;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8f8b84;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8f8b84;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:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8f8b84;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8f8b84;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 portfolio email for photographers, small studios and visual artists who want to share new work with past clients and followers. The whole email sits on near black, like a gallery wall, so the photos carry it.
A short line names the season, then a large serif headline sits above one wide image: a lone walker on a ridge against a red evening sky. A light button opens the full gallery. Three tall photo columns present the new series, each with a title, one line about where it was shot and a link. A thin divider leads to a split panel that invites readers to book a portrait or event session.
Warm ivory text, an elegant thin serif and dark panels keep the attention on the images.
Swap in your own frames, keep the captions short and send it each time you finish a new series.
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
- Dark photo hero
- Three series in photo columns
- Divider
- Book a session split panel
- Social links
- Footer
Subject line ideas
- New work: light, shadow and people
- Three new series from this autumn
- {{first_name}}, the gallery is open
Preview text idea
Three new series from this autumn, and a few dates left for portrait sessions.