Email Designer
Craft beautiful transactional emails — welcome, password reset, OTP — with live preview and one-click HTML export.
Template
10 starting points. Content stays yours.
Branding
Brand name auto-fills across content via {{brand}}.
Shown next to the subject in most inboxes. Supports {{brand}}.
Style
Colors, font, and shape.
Content · Welcome
Edit copy live. {{brand}} is replaced automatically.
Empty links export as #.
Live preview
Subject:Welcome to Ember ✨We're thrilled to have you at Ember. This is where your team ships faster, together. Start by creating your first project — it only takes a minute, and we'll walk you through it.
Export notes
Inline styles, table layout, responsive media queries. Tested for Gmail, Outlook, Apple Mail, Superhuman, and mobile clients.
Drop the HTML into Resend, Postmark, SendGrid, or Loops as the html body — or open the downloaded file in any browser.
Email Designer FAQ
- Will the exported HTML work in Gmail and Outlook?
- Yes. Templates use table layout and inline styles, with no external CSS, scripts or web fonts that clients strip. Media queries only refine the mobile layout, so clients that ignore them still show a readable email.
- How do I use the HTML with my email provider?
- Click Copy HTML or Download .html and paste the markup as the HTML body in Resend, Postmark, SendGrid, Loops or any provider that accepts raw HTML. Replace the placeholder # links with your real URLs before sending.
- What does {{brand}} do?
- It's replaced with the brand name you type in Branding, everywhere it appears: subject, preheader, body, button and footer. Change the name once and every template updates.
- Are my email contents uploaded anywhere?
- No. Editing, the live preview, QR codes and exports are generated in your browser. Nothing you type is sent to a server or stored.
- Which colors can I use?
- Any hex color, in #rrggbb or short #rgb form. Invalid values show an error and disable copy and download until fixed, so a broken color never ends up in the exported HTML.