Official
transactional
Starter template
Reference starter for this gallery: logo mark, heading, body, one CTA, and a footer. Copy this folder when you submit a template.
starter-template.html
<div class="mx-auto max-w-[480px] bg-white p-8 text-zinc-900" data-tm-id="tm_51b5f861d75a" data-tm-type="frame" data-tm-label="Email">
<img class="w-[145px] mb-4" src="https://cdn.tailwindmail.dev/users/01a0abc6-35f3-70f6-9612-923d6d1aef8f/7bdc30b4-eb7a-46d3-9773-9fbb3f71d838.png" data-tm-id="tm_750cbcb47b87" data-tm-type="image" data-tm-label="Image" class="" alt="Group 4">
<h1 class="m-0 text-white text-2xl font-semibold leading-tight text-zinc-900" data-tm-id="tm_2e1e3c1fa282" data-tm-type="text" data-tm-label="Welcome to TailwindMail">
Welcome to TailwindMail
</h1>
<p class="mt-3 m-0 text-sm leading-relaxed text-zinc-500" data-tm-id="tm_ed732f33a44c" data-tm-type="text" data-tm-label="This is the starter template for the ope">
This is the starter template for the open-source gallery. Replace the copy,
colors, and button with your own campaign, then compile to email-safe HTML.
</p>
<div class="mt-6 mb-6" data-tm-id="tm_565a5d9afceb" data-tm-type="section" data-tm-label="Section">
<a href="https://tailwindmail.dev" class=" rounded-md bg-zinc-900 px-[18px] py-3 text-[13px] font-semibold text-white no-underline" data-tm-id="tm_196c70fe31de" data-tm-type="link" data-tm-label="Get started">
Get started
</a>
</div>
<p class="mt-8 m-0 text-xs leading-relaxed text-zinc-400" data-tm-id="tm_afd06051ae9d" data-tm-type="text" data-tm-label="Built with .
You received this becau">
Built with
<a href="https://tailwindmail.dev" class="text-zinc-500 no-underline">TailwindMail</a>.
You received this because you signed up.
<a href="#" class="text-zinc-500 no-underline">Unsubscribe</a>
</p>
</div>
Format
Compiled HTML + Tailwind source
License
Free to fork and adapt
Built for
TailwindMail editor
Ready to ship email-safe HTML?
Start with Tailwind markup, compile to clean HTML, and always preview or send a test before campaigns.