Tandem — responsive HTML email templates (5-pack)
Five responsive HTML email templates — newsletter, welcome, receipt, password reset and event invite — table-based, 600px, dark-mode ready, with Outlook buttons.
Make it yours
Changes show in the preview straight away and go into the customised ZIP. Nothing is uploaded.
What’s included
- Table-based layout
- Inline styles + <style> block
- 600px max width, fluid on mobile
- Stacking columns on small screens
- Bulletproof buttons (VML for Outlook)
- Dark-mode media query
- Hidden preheader text
- No web fonts or scripts in emails
- Preview gallery with width & dark toggle
Pages: index.html, newsletter.html, welcome.html, receipt.html, password-reset.html, event-invite.html.
Fonts and licences
| Font | Source | Licence |
|---|---|---|
| System UI stack (emails) | System | n/a |
| Inter (gallery page only) | Google Fonts | OFL |
| Template code | ZumaTools | MIT |
Illustrations and icons are original to the template and covered by the same MIT licence.
Free for personal and commercial use
The template is MIT-licensed: use it for yourself or for clients, change anything, and publish as many sites as you like. Attribution is appreciated but not required. The MIT licence does ask for one thing — keep the included LICENSE file (the copyright and permission notice) with any copy of the code you share or sell.
How to put it online
- Netlify DropUnzip, then drag the
email-templatesfolder onto app.netlify.com/drop. You get a live URL in seconds and can add your own domain later. - GitHub PagesCreate a repository, upload the folder’s contents (index.html at the top level), then turn on Pages under Settings → Pages → Deploy from a branch.
- Any web hostUpload the files to your host’s public folder (often public_html) by FTP or the host’s file manager. There is nothing to install or configure.
Questions
Is the Tandem template really free for commercial use?
Yes. It is released under the MIT licence, so you can use it for personal and client projects, change it and sell sites built with it. A credit link is appreciated but not required. The one condition is that the LICENSE file (the copyright and permission notice) stays with copies of the code.
Do I need to know how to code?
Basic editing is enough. Open the .html files in any text editor to change the words, and swap the images in assets/img. Colours and fonts are CSS variables at the top of assets/css/style.css, so a full re-theme is a few lines.
Does it need a framework, npm or a build step?
No. It is plain HTML, one stylesheet and a little optional vanilla JavaScript. It works when opened straight from your computer and on any static host.
How do I make a form send messages?
Static hosts don't run server code, so forms in the templates are demos until you connect a form service: set the form's action to a Formspree endpoint, or add the netlify attribute if you host on Netlify. The template's script only shows a demo message until then.
Can I remove the ZumaTools credit?
Yes. There is no visible credit you are required to keep on the site itself; only the LICENSE file needs to stay with the source code.
