Healthy Restaurant Menu email template
A fresh menu email for a healthy kitchen: a bright bowl from above under a big serif headline, kitchen promises as icons and three new dishes with prices.
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>Healthy Restaurant Menu</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-48{font-size:34px!important;line-height:37px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-icon-wrap{min-width:0!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0c120b!important;}
.ete-content{background-color:#141a12!important;}
.ete-text{color:#d9e2d2!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#9eab95!important;}
.ete-link{color:#98dc9a!important;}
.ete-border{border-color:#26301f!important;}
.ete-panel{background-color:#1b2318!important;border-color:#26301f!important;}
.ete-btn{background-color:#7ccf7f!important;border-color:#7ccf7f!important;}
.ete-btn-text{color:#0c120b!important;}
.ete-btn-outline{border-color:#7ccf7f!important;}
.ete-btn-outline-text{color:#7ccf7f!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:#d9e2d2!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#9eab95!important;}
[data-ogsc] .ete-link{color:#98dc9a!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0c120b!important;}
[data-ogsb] .ete-content{background-color:#141a12!important;}
[data-ogsb] .ete-panel{background-color:#1b2318!important;border-color:#26301f!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-dm-sans{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=DM+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#eef3e8;">
<!-- 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 garden salad, a cacao oat bowl and a berry smoothie join the menu this week. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#eef3e8;">
<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;border-radius:10px;overflow:hidden;">
<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:#1d2418;">Greenbowl Kitchen</span><div class="ete-muted" style="padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#6e7766;">Bowls, salads and juice</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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2f7d32;text-align:center;">New this week</p><h1 class="ete-heading ete-ds-48" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:48px;line-height:52px;font-weight:400;color:#1d2418;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(48px,8vw);line-height:min(52px,8.67vw);overflow-wrap:anywhere;word-break:break-word;">Eat bright, feel lighter</h1><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#3d4436;padding-top:16px;text-align:center;">Three new dishes built on what is good at the market right now. Order ahead and skip the line.</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/order" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="50%" strokecolor="#2f7d32" fillcolor="#2f7d32"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Order for pickup</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/order" style="display:inline-block;background-color:#2f7d32;border:1px solid #2f7d32;line-height:48px;border-radius:24px;color:#ffffff;font-family:'DM Sans', '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;">Order for pickup</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/healthy-restaurant-menu-hero.jpg" alt="A bowl of red cabbage, peppers and herbs on a wooden board seen from above" 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:28px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-sprout-3f8f43.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1d2418;text-align:center;">Local greens</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e7766;text-align:center;">From two farms nearby</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-clock-3f8f43.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1d2418;text-align:center;">Ready fast</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e7766;text-align:center;">Ten minutes after you order</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-leaf-3f8f43.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#1d2418;text-align:center;">Compostable</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#6e7766;text-align:center;">Bowls, lids and forks</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2f7d32;text-align:left;">On the menu</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:#1d2418;text-align:left;mso-line-height-rule:exactly;">Three new favorites</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/menu/garden-salad"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/healthy-restaurant-menu-salad.jpg" alt="A white bowl of leafy salad with mozzarella and tomato" 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:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1d2418;text-align:left;mso-line-height-rule:exactly;">Garden salad</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d4436;padding-top:6px;text-align:left;">Little gem, mozzarella, roast tomato, basil oil. $12.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', '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/menu/garden-salad" style="color:#2c7330;text-decoration:underline;">Add to order</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/menu/cacao-oats"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/healthy-restaurant-menu-oatbowl.jpg" alt="A cacao oat bowl with coconut and seeds on a wooden board" 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:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1d2418;text-align:left;mso-line-height-rule:exactly;">Cacao oat bowl</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d4436;padding-top:6px;text-align:left;">Overnight oats, cacao, coconut and toasted seeds. $10.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', '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/menu/cacao-oats" style="color:#2c7330;text-decoration:underline;">Add to order</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/menu/berry-smoothie"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/healthy-restaurant-menu-smoothie.jpg" alt="A pink berry smoothie bowl surrounded by green leaves" 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:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#1d2418;text-align:left;mso-line-height-rule:exactly;">Berry smoothie</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3d4436;padding-top:6px;text-align:left;">Blackberry, banana, oat milk, flax and a little honey. $8.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', '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/menu/berry-smoothie" style="color:#2c7330;text-decoration:underline;">Add to order</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><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/menu" style="height:48px;v-text-anchor:middle;width:217px;" arcsize="50%" strokecolor="#2f7d32" fillcolor="#2f7d32"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See the full menu</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/menu" style="display:inline-block;background-color:#2f7d32;border:1px solid #2f7d32;line-height:48px;border-radius:24px;color:#ffffff;font-family:'DM Sans', '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;">See the full menu</span></a><!--<![endif]--></td></tr></table></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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e7766;line-height:20px;text-align:center;"><strong>Greenbowl Kitchen</strong><br>230 Alder Street, Portland, OR 97204</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e7766;line-height:20px;text-align:center;padding-top:10px;">You get this email because you ordered from Greenbowl or joined our list in store.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6e7766;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6e7766;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:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#6e7766;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6e7766;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 menu update for salad bars, poke shops, juice bars and healthy fast casual kitchens. It leads with the food the way people photograph it at the table, from above, on a wooden board, right under a large serif headline and an Order for pickup button.
Three line icons in a leafy green explain how the kitchen works: what it grows or buys locally, how fast an order is ready and what goes in the compost bin. The main section introduces three new dishes in tall photo columns, a garden salad, a cacao oat bowl and a berry smoothie, each with one line of ingredients, the price and a link. A plain green button below sends readers to the full menu.
DM Serif Display headings over DM Sans, soft sage and white keep it light and appetizing. Plenty of white space around each dish keeps the menu easy to read on a phone.
Swap the three dishes when your seasonal menu changes and keep the icons as your standing promises.
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
- Headline with bowl photo
- Kitchen promises icons
- Three new dishes
- Full menu button
- Footer
Subject line ideas
- Three new bowls on the Greenbowl menu
- Lunch, sorted in ten minutes
- {{first_name}}, the autumn menu is here
Preview text idea
A garden salad, a cacao oat bowl and a berry smoothie join the menu this week.