Built for inboxes, not browsers
Email apps ignore much of modern web design. This tool codes with tables and inline styles, the approach most email apps still read well, and keeps the width at 600 px.
An HTML email template generator, from a brief. An email that looks as good as it reads.
DFIRST Email template is an HTML email template generator that turns a short brief into an email-safe design. Say what the email is about and pick a tone, and you get one HTML file built the way email apps expect: table layout, inline styles, up to 600 px wide, with mobile styles and an editable unsubscribe line.
- Table layout and inline styles
- Up to 600 px wide
- Uses only links you supply
Block by block. As it reads in the preview.
Example templates for SOL CLUB and ZESTA, written out as the blocks of the email.
Example output
SOL CLUB welcome email
- Header: the SOL CLUB name on a warm sand band.
- Hero: “Stay out longer.” Below it: “Welcome to the club. SPF 50 for the long days, from the first swim to the last light.”
- Button: Shop SOL CLUB, linked to the shop address in the brief.
- Footer: “You are getting this email because you joined SOL CLUB.” Then an editable line: [Replace with your unsubscribe link].
Table layout, inline styles, 600 px wide, one column on a phone.
Example output
ZESTA: Lime is back
- Hero: “Squeeze the day. Lime is back.” on a bright green band.
- Three blocks: Tangerine, Grapefruit and Lime, one can each, with a single line of copy.
- Button: Find a stockist. No link was given, so it jumps to the stockist block further down the email.
- Stockists: a short note to reply to this email for the nearest shop.
- Footer: address placeholder and an editable unsubscribe line.
How to make an HTML email template with DFIRST.
Three steps. The first one starts on this page.
- 01
Describe the email
Say who it is for, what it should say and where the button should go. Add the real links if you have them, then choose a tone.
- 02
DFIRST codes the template
It writes the copy and builds the layout the way emails need it: tables, inline styles, 600 px wide, plus extra styles so it reads well on a phone.
- 03
Test it, then send it yourself
Preview the template, download the HTML or generate again. Import the file into the platform you send with and test it before it reaches your list. A copy stays in your Data Room.
Made for brands. Not a blank prompt box.
No dead links
The template uses only the links you give it. Where a link is missing, the button points to a section of the email instead of a made-up address, and the unsubscribe line is an editable placeholder, never a fake link.
You press send
DFIRST makes the draft and nothing more. The template waits in your Data Room and on the board of a session until you take it into your email platform and send it yourself.
Who uses it.
E-commerce teams
Launch, restock and welcome emails with a clean layout, without waiting for a designer.
Newsletter writers
A frame for a regular newsletter, downloaded once and reused issue after issue.
Agencies
An email design to show next to the campaign idea, already coded and ready to test.
Developers
A tidy, email-safe starting file instead of writing table code from nothing.
At a glance.
The facts about Email template, as it works in DFIRST today.
- Input
- What the email is about, plus a tone: natural, confident or playful
- You get
- One email-safe HTML file
- Layout
- Tables and inline styles, up to 600 px wide, with mobile styles
- Links
- Only the ones you supply; unsubscribe as an editable placeholder
- Sending
- Not included: import the file into your email platform
- Model
- Gemini 3.8 Flash
- Where it goes
- Your Data Room and the session board
Questions people ask.
About Email template and how it fits the rest of DFIRST.
What is an HTML email template generator?
It is a tool that writes and codes an email for you. In DFIRST you describe the email and pick a tone, and you get an HTML file in the shape email apps understand: tables, inline styles and a 600 px width, ready to import into the platform you send with.
Does DFIRST send the email?
No. This tool makes the template, and sending stays with you. Download the HTML, import it into your email platform, choose your list and send a test to yourself first. Nothing goes out from DFIRST.
Will it look the same in every email app?
Email apps render HTML differently, and no template can promise the same result everywhere. This one uses the safest common approach, tables and inline styles at 600 px, which is why a test send to a few inboxes before your list is still worth it.
Does it write the subject line?
The template is the body of the email. Write the subject and preview text in your email platform, or draft them with Email copy, which returns a subject, preview text, body and call to action as plain text you can paste.
Can I add my own links and images?
Put the real links in the brief and the template uses them; it never makes up an address. The template is built without files from other sites, so add your images in your email platform or ask a developer to place them.
Is an unsubscribe link included?
The template has a clear unsubscribe line as editable text, not a working link. Most email platforms give you their own unsubscribe tag: put it in place of the placeholder before you send, then check it in your test email.
Next steps. Tools that pick up where this one ends.
Start it here. Finish it in DFIRST.
Your email template draft waits on this device until your access starts. DFIRST opens to people on the waitlist first.
Updated