Email Signature Generator
Build an HTML email signature - name, contact details, brand color. XSS-safe escaping. Free, offline, client-side, instant, secure.
Fill in your details, pick a brand color, and copy the HTML for Gmail, Outlook, Apple Mail, and most other clients. All user input is HTML-escaped before being added to the preview.
How to Use Email Signature Generator
- Fill in your details on the left. Empty fields are omitted from the output rather than rendered as blank lines.
- Pick a brand color. It is applied to your name, the vertical accent bar, and the link colors.
- Watch the live preview update as you type. The raw HTML code is shown below the preview.
- Click Copy HTML (or Ctrl/Cmd + Enter) and paste into your email client's signature settings. For Gmail: Settings → See all settings → Signature. For Outlook: File → Options → Mail → Signatures.
- Or Copy plain text for clients that only want a plain-text fallback, or Download .html to keep an offline copy.
Frequently Asked Questions
How do I install in Gmail?
Open Gmail → click the gear (top-right) → See all settings → General tab → scroll to Signature → Create new (or edit). Click the rich-text formatting toggle if you see one. Paste the HTML directly (Gmail accepts pasted HTML and renders it). Save changes at the bottom of the page.
How do I install in Outlook desktop?
File → Options → Mail → Signatures → New. Outlook desktop’s signature editor doesn’t accept raw HTML directly. Workaround: save the HTML to %APPDATA%MicrosoftSignaturesYourSig.htm (replacing one of the existing files Outlook generated), then re-open the Signatures dialog. Alternatively, render the preview here, copy the rendered version (not the HTML source), and paste that.
Why a table layout instead of CSS flexbox?
Outlook desktop renders HTML emails using Microsoft Word’s rendering engine, which has no support for modern CSS – no flexbox, no grid, no positioned elements. Tables with inline styles are the only structure that survives across Outlook desktop, Outlook web, Gmail, Apple Mail, and mobile clients. The output here is intentionally old-school for compatibility.
Will it look right in Gmail dark mode?
Often not perfectly. Gmail dark mode tries to invert background and text colors automatically; signatures with explicit color: styles can end up with washed-out or low-contrast text. The signature here uses #333 for body text and your brand color for accents, which mostly survives dark-mode inversion. If you want to be sure, test by sending a draft to a Gmail account and viewing it on the Gmail app with dark theme on.
Can I add a company logo?
Not directly through the form – but you can edit the generated HTML afterwards. Add an <img src="https://your-cdn.example/logo.png" alt="Logo" width="80"> inside the left <td>. Use an absolute URL (the image must be hosted somewhere reachable by the recipient’s email client). Don’t use data URLs – many clients strip them.
What’s the difference between the HTML and plain-text copies?
“Copy HTML” copies the full HTML markup including table layout, inline styles, and links – suitable for clients that render HTML signatures. “Copy plain text” copies just the lines (name, title, company, contact details) separated by newlines – suitable for plain-text email or as a fallback for clients with HTML disabled.
Is anything sent to a server?
No. The page loads three static files (HTML, CSS, JS) and then runs entirely in your browser. You can disconnect from the internet after the page loads. No analytics, no tracking, no cookies.
Is this tool free?
Yes – free, unlimited, no signup, no watermark. Use the generated signature in any context. Attribution to is appreciated but not required.