Art Gallery Opening email template
A white editorial gallery invite: a big serif show title over a gallery photo, the opening night details card, a note on the work and a late openings panel.
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>Art Gallery Opening</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-56{font-size:39px!important;line-height:43px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
.ete-split-text{padding:32px 20px 36px!important;}
.ete-ds-28{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0c0c0c!important;}
.ete-content{background-color:#151515!important;}
.ete-text{color:#d9d9d9!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9e9e9e!important;}
.ete-link{color:#f2f2f2!important;}
.ete-border{border-color:#2c2c2c!important;}
.ete-panel{background-color:#1e1e1e!important;border-color:#2c2c2c!important;}
.ete-btn{background-color:#f2f2f2!important;border-color:#f2f2f2!important;}
.ete-btn-text{color:#151515!important;}
.ete-btn-outline{border-color:#f2f2f2!important;}
.ete-btn-outline-text{color:#f2f2f2!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:#d9d9d9!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9e9e9e!important;}
[data-ogsc] .ete-link{color:#f2f2f2!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0c0c0c!important;}
[data-ogsb] .ete-content{background-color:#151515!important;}
[data-ogsb] .ete-panel{background-color:#1e1e1e!important;border-color:#2c2c2c!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-playfair{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=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f2f2f0;">
<!-- 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;">Thursday, March 19 from 6 pm. New photographs and prints by three artists, drinks in the courtyard. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f2f2f0;">
<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="left" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#111111;">ATRIUM GALLERY</span></td></tr>
<tr><td align="left" class="ete-px" style="padding:56px 6.67% 44px;mso-padding-alt:56px 40px 44px;text-align:left;"><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:#111111;text-align:left;">Opening night, March 19</p><h1 class="ete-heading ete-ds-56" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:56px;line-height:60px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(56px,9.33vw);line-height:min(60px,10vw);overflow-wrap:anywhere;word-break:break-word;">Quiet Forms</h1><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#3a3a3a;padding-top:16px;text-align:left;">New black and white photographs and prints by three artists who work slowly and by hand.</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/rsvp" style="height:48px;v-text-anchor:middle;width:244px;" arcsize="0%" strokecolor="#111111" fillcolor="#111111"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Reserve a free place</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/rsvp" style="display:inline-block;background-color:#111111;border:1px solid #111111;line-height:48px;border-radius:0px;color:#ffffff;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:#ffffff;">Reserve a free place</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/art-gallery-opening-hero.jpg" alt="A visitor looking at black and white framed photographs on a deep red gallery wall" 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:16px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-panel" style="padding:24px;background-color:#f6f6f4;border:1px solid #e6e6e3;border-radius:0px;"><h3 class="ete-heading" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">Quiet Forms, opening night</h3><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:8px;"><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6e6e6e;">Date</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3a3a3a;">Thursday, March 19</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6e6e6e;">Time</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3a3a3a;">6:00 to 9:00 pm</td></tr><tr><td class="ete-muted" width="90" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:22px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6e6e6e;">Place</td><td class="ete-text" valign="top" style="padding:8px 0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:22px;color:#3a3a3a;">Atrium Gallery, main hall<br><span class="ete-muted" style="color:#6e6e6e;font-size:14px;">310 Orchard Street, Philadelphia, PA 19106</span></td></tr></table><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/calendar" style="height:48px;v-text-anchor:middle;width:199px;" arcsize="0%" strokecolor="#111111" fillcolor="#111111"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Add to calendar</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/calendar" style="display:inline-block;background-color:#111111;border:1px solid #111111;line-height:48px;border-radius:0px;color:#ffffff;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:#ffffff;">Add to calendar</span></a><!--<![endif]--></td></tr></table></div></td></tr></table></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/art-gallery-opening-work.jpg" alt="A visitor with a backpack seen from behind studying a grid of small prints on a white wall" 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:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:700;color:#111111;text-align:left;mso-line-height-rule:exactly;">About the work</h3><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3a3a3a;padding-top:8px;">Each print is made by hand in the darkroom and hung low, so you can stand close and see the grain.</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/notes" style="height:48px;v-text-anchor:middle;width:235px;" arcsize="0%" strokecolor="#111111" fillcolor="#111111"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Read the show notes</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/notes" style="display:inline-block;background-color:#111111;border:1px solid #111111;line-height:48px;border-radius:0px;color:#ffffff;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:#ffffff;">Read the show notes</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:#111111;"><!--[if mso]><table role="presentation" width="600" bgcolor="#111111" 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/art-gallery-opening-visitors.jpg" alt="Visitors seen from behind walking down a dim gallery hall toward bright light" 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:#bdbdbd;text-align:left;">During the show</p><h1 class="ete-ds-28" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:28px;line-height:34px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">Late openings on Thursdays</h1><p style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:left;">The gallery stays open until 9 pm every Thursday until May 2.</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/hours" style="height:48px;v-text-anchor:middle;width:217px;" arcsize="0%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#111111;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See opening hours</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/hours" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:0px;color:#111111;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:#111111;">See opening hours</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:#6e6e6e;line-height:20px;text-align:center;"><strong>Atrium Gallery</strong><br>310 Orchard Street, Philadelphia, PA 19106</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e6e6e;line-height:20px;text-align:center;padding-top:10px;">You get this email because you joined the Atrium Gallery mailing 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:#6e6e6e;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6e6e6e;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:#6e6e6e;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6e6e6e;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
An exhibition opening invitation for galleries, museums, art fairs and studio collectives. It borrows the look of a good exhibition catalog: lots of white, black type and one calm photo of the room.
A short eyebrow says opening night, then the show title in a large serif headline, one line on the artists and a black button to reserve a place, all left aligned like a wall label. The gallery photo follows at full width. A details card lists the date, hours, room and address with an add to calendar button. A photo and text pair says more about the work, and a black split panel with a photo of visitors in the gallery announces the late openings during the run. The footer closes the email.
Black and white with one soft grey keeps every color in the photos.
Change the title, artists and dates for every show and send it two weeks before the opening.
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
- Editorial headline with gallery photo
- Opening night details
- About the work
- Late openings split panel
- Footer
Subject line ideas
- Opening night: Quiet Forms
- You are invited to our spring opening
- {{first_name}}, join us on March 19
Preview text idea
Thursday, March 19 from 6 pm. New photographs and prints by three artists, drinks in the courtyard.