- Newsletter
- Promotional
- and Announcement
Editorial Brief Newsletter email template
A text-led weekly letter on warm paper tones with a serif essay title, three numbered reading picks, a tool of the week, an editor quote and a share button.
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>Editorial Brief Newsletter</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-cell{padding-left:0!important;padding-right:0!important;}
.ete-nav-cell{padding-top:12px!important;}.ete-nav-cell p{text-align:center!important;}
.ete-ds-32{font-size:28px!important;line-height:31px!important;}
.ete-ds-22{font-size:28px!important;line-height:31px!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#12110f!important;}
.ete-content{background-color:#1a1815!important;}
.ete-text{color:#d6d1c7!important;}
.ete-heading{color:#f7f3ea!important;}
.ete-muted{color:#a39d91!important;}
.ete-link{color:#f0e6cf!important;}
.ete-border{border-color:#36322b!important;}
.ete-panel{background-color:#221f1b!important;border-color:#36322b!important;}
.ete-btn{background-color:#efe7d6!important;border-color:#efe7d6!important;}
.ete-btn-text{color:#141210!important;}
.ete-btn-outline{border-color:#efe7d6!important;}
.ete-btn-outline-text{color:#efe7d6!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:#d6d1c7!important;}
[data-ogsc] .ete-heading{color:#f7f3ea!important;}
[data-ogsc] .ete-muted{color:#a39d91!important;}
[data-ogsc] .ete-link{color:#f0e6cf!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#12110f!important;}
[data-ogsb] .ete-content{background-color:#1a1815!important;}
[data-ogsb] .ete-panel{background-color:#221f1b!important;border-color:#36322b!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:#f6f3ec;">
<!-- 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;">This week: the quiet return of the paper notebook, three reads and one small tool. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f6f3ec;">
<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:#fbf9f4;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="ete-px" style="padding:24px 32px 20px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="139" valign="middle"><![endif]--><div class="ete-stack ete-stack-center" style="display:inline-block;vertical-align:middle;min-width:25.93%;max-width:100%;width:25.93%;width:calc((429px - 100%) * 429);font-size:16px;text-align:left;"><a href="https://example.com/" style="text-decoration:none;color:#141210;"><span class="ete-heading ete-f-playfair" style="font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:22px;line-height:28px;font-weight:700;letter-spacing:-0.3px;color:#141210;">Sidenote.</span></a></div><!--[if mso]></td><td width="397" valign="middle"><![endif]--><div class="ete-stack ete-stack-center ete-nav-cell" style="display:inline-block;vertical-align:middle;min-width:74.06%;max-width:100%;width:74.06%;width:calc((429px - 100%) * 429);font-size:16px;text-align:right;"><p style="margin:0;text-align:right;"><a href="{{view_in_browser_url}}" style="display:inline-block;padding:4px 10px;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;font-weight:700;color:#7a756c;text-decoration:none;text-transform:uppercase;letter-spacing:1px;">Issue 42 ยท Oct 28, 2026</a></p></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:4px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="" style="border-top:1px solid #8a8478;font-size:0;line-height:0;"> </td></tr></table></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:#141210;text-align:left;">The essay</p><h1 class="ete-heading ete-ds-32" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:32px;line-height:38px;font-weight:700;color:#141210;text-align:left;mso-line-height-rule:exactly;">The quiet return of the paper notebook</h1></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a756c;text-align:left;">By <b>Nora Vale</b> · 7 min read</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3b3833;text-align:left;">For a decade the notebook lost to the phone. Every list, sketch and half thought went into an app that promised to sync it everywhere. Then something odd happened in the studios and offices I visit: the paper came back, first as a habit, then as a tool people defend.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3b3833;text-align:left;">What changed is not nostalgia. It is that a page does one thing, holds still and never asks you to update it. When your screen is busy all day, a quiet surface starts to feel like a feature.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;text-align:left;"><a class="ete-link" style="color:#141210;text-decoration:underline;" href="https://example.com/issues/42"><b>Continue reading</b></a></p></td></tr>
<tr><td class="ete-px" style="padding:20px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" style="border-top:1px solid #ddd8cc;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:16px 32px;"><div style="padding-bottom:20px;"><h2 class="ete-heading ete-h2" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:700;color:#141210;text-align:left;mso-line-height-rule:exactly;">Three worth your time</h2></div><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#141210;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">1</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:700;color:#141210;">Why slow software is having a moment</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;padding-top:4px;">Fieldnote Journal · 12 min</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;padding-bottom:20px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#141210;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">2</span></td></tr></table></td><td valign="top" style="padding-bottom:20px;"><p class="ete-heading" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:700;color:#141210;">A short history of the index card</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;padding-top:4px;">The Archive Desk · 8 min</p></td></tr><tr><td width="44" valign="top" style="padding-right:16px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-btn" align="center" valign="middle" width="28" height="28" style="width:28px;height:28px;background-color:#141210;border-radius:50%;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:28px;font-weight:700;color:#ffffff;text-align:center;mso-line-height-rule:exactly;"><span class="ete-btn-text" style="color:#ffffff;">3</span></td></tr></table></td><td valign="top" style=""><p class="ete-heading" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:17px;line-height:24px;font-weight:700;color:#141210;">What libraries can teach us about search</p><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;padding-top:4px;">Stacks and Shelves · 6 min</p></td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:20px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-border" style="border-top:1px solid #ddd8cc;font-size:0;line-height:0;"> </td></tr></table></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:#141210;text-align:left;">One tool I'm using</p><h2 class="ete-heading ete-ds-22" style="margin:0;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-size:22px;line-height:26px;font-weight:700;color:#141210;text-align:left;mso-line-height-rule:exactly;">A pocket notebook with a dot grid</h2></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;text-align:left;">I tried to replace it with three apps this year. None of them stuck. The dot grid takes lists, sketches and tables equally well, and it fits next to my keys.</p></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#3b3833;text-align:left;"><a class="ete-link" style="color:#141210;text-decoration:underline;" href="https://example.com/tools/notebook">Where to find one</a></p></td></tr>
<tr><td class="ete-px" style="padding:20px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 0 4px 20px;border-left:4px solid #141210;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;line-height:29px;color:#3b3833;font-family:'Playfair Display', Georgia, 'Times New Roman', serif;font-style:italic;">Write it down first. Decide what it means later.</p><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:14px;"><tr><td valign="middle" style="font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:20px;"><span class="ete-heading" style="font-weight:700;color:#141210;">Nora Vale</span><br><span class="ete-muted" style="color:#7a756c;">Editor, Sidenote</span></td></tr></table></td></tr></table></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="" style="border-top:1px solid #8a8478;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b3833;text-align:left;">Thanks for reading. Forward this to a friend who would like it, or:</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:16px 32px;"><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/issues/42/share" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="4%" strokecolor="#141210" fillcolor="#141210"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Share this issue</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/issues/42/share" style="display:inline-block;background-color:#141210;border:1px solid #141210;line-height:48px;border-radius:2px;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;">Share this issue</span></a><!--<![endif]--></td></tr></table></td></tr>
<tr><td align="left" 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:#7a756c;line-height:20px;text-align:left;padding-top:10px;">Sidenote is a weekly letter on tools, writing and attention, by Nora Vale.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#7a756c;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{view_in_browser_url}}" style="color:#7a756c;text-decoration:underline;">View in browser</a> · <a class="ete-link" href="{{unsubscribe_url}}" style="color:#7a756c;text-decoration:underline;">Unsubscribe</a> · <a class="ete-link" href="{{preferences_url}}" style="color:#7a756c;text-decoration:underline;">Email preferences</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:#7a756c;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#7a756c;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 24, Brief newsletter) by Colorlib, MIT license.
About this template
A personal newsletter for a writer, editor or small publication that leads with words rather than pictures. It reads like a well set magazine page: warm off white paper, a serif for titles and a clean sans for the body.
The masthead puts a short serif name on the left and the issue number on the right, with a dark rule under them. The main essay follows with a small label, a large serif title, a byline with the reading time and a few paragraphs, then a link to read the rest on the web.
Three numbered reading picks come next, each with a title and its source. A short section on one tool the editor uses, a quote from the editor and a thank you line close the issue, with a black button to share it. The footer says who writes the letter and links to settings.
The structure follows a designer newsletter template built for a weekly brief. Write in your own voice, keep the essay opening short and let the web page carry the rest.
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
- Masthead with issue number
- Essay with byline
- Three reading picks
- One tool I'm using
- Editor quote
- Share button
- Footer
Subject line ideas
- Sidenote 42: the quiet return of the paper notebook
- This week: notebooks, index cards and slow software
- {{first_name}}, three things worth your time
Preview text idea
This week: the quiet return of the paper notebook, three reads and one small tool.