- Newsletter
- Promotional
- and Announcement
Photographer Gallery Update email template
A clean photo gallery email with a snowy overlay hero, a short intro and six albums in an even two column grid with titles and categories.
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>Photographer Gallery Update</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-34{font-size:28px!important;line-height:31px!important;}
.ete-ds-32{font-size:28px!important;line-height:31px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#111111!important;}
.ete-content{background-color:#1b1b1b!important;}
.ete-text{color:#c8c8c8!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9a9a9a!important;}
.ete-link{color:#ff7bbb!important;}
.ete-border{border-color:#333333!important;}
.ete-panel{background-color:#232323!important;border-color:#333333!important;}
.ete-btn{background-color:#ff4fa3!important;border-color:#ff4fa3!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#ff4fa3!important;}
.ete-btn-outline-text{color:#ff4fa3!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:#c8c8c8!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9a9a9a!important;}
[data-ogsc] .ete-link{color:#ff7bbb!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:#232323!important;border-color:#333333!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:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-poppins{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f1f1f1;">
<!-- 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;">Six new albums from the north, the lakes and the city at night. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f1f1f1;">
<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 align="center" class="ete-px" style="padding:28px 32px 20px;"><a href="https://example.com/" style="text-decoration:none;color:#111111;"><span class="ete-heading ete-f-poppins" style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;line-height:23px;font-weight:700;letter-spacing:2px;color:#111111;">FJELDA PHOTO</span></a></td></tr>
<tr><td bgcolor="#5d6a77" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-hero.jpg" valign="top" style="background-color:#5d6a77;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-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:400px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-hero.jpg" color="#5d6a77" /><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="top" align="center" height="400" style="height:400px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.35);"><h1 class="ete-ds-34" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:34px;line-height:41px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;">New work from the north</h1><p style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">Three weeks in the snow, and six fresh albums to look through.</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/albums" style="height:48px;v-text-anchor:middle;width:190px;" arcsize="8%" strokecolor="#e5157a" fillcolor="#e5157a"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the albums</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/albums" style="display:inline-block;background-color:#e5157a;border:1px solid #e5157a;line-height:48px;border-radius:4px;color:#ffffff;font-family:Poppins, '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:#ffffff;">See the albums</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td height="28" style="height:28px;font-size:0;line-height:0;mso-line-height-rule:exactly;"> </td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><h1 class="ete-heading ete-ds-32" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:32px;line-height:38px;font-weight:700;color:#111111;text-align:center;mso-line-height-rule:exactly;">Gallery</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#6b6b6b;text-align:center;">A short pick from each album. Tap a photo to open the full set and order prints.</p></td></tr>
<tr><td class="ete-px" style="padding:16px 32px 4px;"><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" 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 6px 12px;"><a href="https://example.com/albums/g1"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g1.jpg" alt="Lone hiker on a rock above a misty green valley" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g1" style="color:#111111;text-decoration:none;">Quiet valleys</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Nature</p></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stack" 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" style="padding:0 6px 12px;"><a href="https://example.com/albums/g2"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g2.jpg" alt="Woman sitting at the end of a wooden pier on a calm lake" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g2" style="color:#111111;text-decoration:none;">Lake mornings</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">People</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div><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" 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 6px 12px;"><a href="https://example.com/albums/g3"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g3.jpg" alt="Snowy volcano peak above a dark pine forest" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g3" style="color:#111111;text-decoration:none;">High country</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Mountains</p></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stack" 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" style="padding:0 6px 12px;"><a href="https://example.com/albums/g4"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g4.jpg" alt="Short wooden pier on a still lake with a small island" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g4" style="color:#111111;text-decoration:none;">Still water</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Nature</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div><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" 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 6px 12px;"><a href="https://example.com/albums/g5"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g5.jpg" alt="Suspension bridge lit white at night over dark water" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g5" style="color:#111111;text-decoration:none;">City lights</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Night</p></td></tr></table></div><!--[if mso]></td><td width="268" valign="top"><![endif]--><div class="ete-stack" 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" style="padding:0 6px 12px;"><a href="https://example.com/albums/g6"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/photographer-gallery-update-g6.jpg" alt="Green mountain ridges under a clear blue sky" width="256" height="192" class="ete-fluid" style="display:block;width:256px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;"></a><p class="ete-heading" style="margin:0;padding-top:10px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;font-weight:700;color:#111111;text-align:center;"><a class="ete-heading" href="https://example.com/albums/g6" style="color:#111111;text-decoration:none;">Summer ridges</a></p><p class="ete-muted" style="margin:0;padding-top:2px;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;color:#8a8a8a;text-align:center;">Landscape</p></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 align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a8a8a;line-height:20px;text-align:center;"><strong>Fjelda Photo</strong><br>12 Harbour Row, Portsmouth, NH 03801</p><p class="ete-muted" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a8a8a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you follow Fjelda Photo.</p><p class="ete-muted" style="margin:0;font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#8a8a8a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#8a8a8a;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:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#8a8a8a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#8a8a8a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
Adapted from Colorlib Email Templates (template 9, Photography) by Colorlib, MIT license.
About this template
An update email for a photographer, a photo club or a small print shop that wants to send people straight to the newest work. The layout gets out of the way so the pictures do the talking.
It opens with a letter spaced wordmark and a wide winter photo with the headline, one line of text and a bright pink button on top. Below it, a centered Gallery heading and one sentence explain what is new.
The main part is a two column grid of six album covers. Each cover has the album name in bold and its category in small grey text, and each photo links to its own album page, so readers can jump straight to the set they like.
A light footer with the studio address closes the email. Change the albums each month, keep the one pink accent, and use landscape crops of the same size so the grid stays even on every screen.
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
- Overlay photo hero with button
- Gallery heading and intro
- Two column grid of six albums with captions
- Footer
Subject line ideas
- Six new albums from the north
- Fresh photos: lakes, peaks and city lights
- {{first_name}}, new prints are ready to browse
Preview text idea
Six new albums from the north, the lakes and the city at night.