Skip to main content

Email Signature Generator

Signature HTML that survives Outlook -- previewed in light AND dark inboxes.

EVT·T256
Tables, On Purpose

About the Email Signature Generator

Email clients never adopted modern HTML — Outlook still renders mail with Word’s engine. So the signatures that survive are built from nested tables with every style inline, and that is what this generator writes: 1999 markup, chosen deliberately, previewed live in light and dark mode (dark inboxes are where signatures actually die).

The default is image-free — the monogram badge is a colored table cell, not a logo file, so it can never show as a broken box or a mystery attachment. Everything runs in your browser; nothing is uploaded anywhere.

MarkupTable-based, inline styles
PreviewsLight + dark, live
ImagesNone by default — on purpose
Last reviewed2026-09-08 by Dennis Traina
Layout
Accent
Light inbox
Dark inbox
Installing It
GmailSettings → See all settings → General → Signature → paste. Use “Copy Signature” (rendered), not the raw HTML.
Outlook desktopFile → Options → Mail → Signatures → New → paste into the signature editor itself. Word’s engine renders it — the table markup exists for exactly this moment.
Apple MailSettings → Signatures → paste, then untick “Always match my default message font” or Mail overrides the styling.
Outlook web / mobileSettings → Mail → Compose and reply → paste. Mobile apps keep a separate, plain-text signature — set it too.
Team Mode

One design, everyone consistent. Paste CSV rows — name,title,phone,email — and download a signature file per person using the layout and accent above (company and website come from the form).

Team mode (CSV → a signature per person) requires subscription
Campaign Line

A one-line, text-only promo under the signature — with the UTM parameters built for you, so the clicks show up attributed in analytics.

The UTM campaign line requires subscription
Saved Designs
Stored in this browser only.
Saved designs require subscription
Sign up free to save your history
137 Foundry — custom app building studio

How to Use the Email Signature Generator

Fill in your details, pick one of the four layouts and an accent color, and watch both previews — the same signature in a light inbox and a dark one. Blank fields simply drop their line. When it looks right in both previews, copy it with the button and paste it into your client using the instructions alongside.

Why This Generator Writes 1999 HTML

Outlook for Windows renders email with Microsoft Word’s layout engine. Word does not speak flexbox, grid, or external stylesheets; Gmail meanwhile strips <style> blocks in forwarded and embedded contexts. The intersection of what every major client renders correctly is small and old: tables for layout, styles inline on each element, web-safe font stacks with fallbacks. Writing that by hand is miserable, which is the entire reason this tool exists — you design in the form, it emits the archaeology.

The Dark-Mode Test Most Signatures Fail

Dark-mode clients don’t just invert colors — each does something different. Gmail lightens dark text; Outlook inverts more aggressively; Apple Mail mostly leaves HTML mail alone. Signatures fail when they hard-code near-black on an assumed white background, or use a very dark brand color that disappears against dark grey. The layouts here keep text colors in ranges that survive both treatments and never paint a background behind the text block — and the dark preview shows you the result before your whole company finds out the hard way.

Related tools: the Bio Generator for the words themselves, the Cold Email Scorer for the message above the signature, and the Email Deliverability Analyzer for whether any of it arrives. Browse every Writing & Content tool for more.

Frequently Asked Questions

Why do email signatures break so often?

Because email clients never adopted modern HTML. Outlook desktop renders mail with Microsoft Word's engine — no flexbox, no external CSS, patchy margin support — and Gmail strips <style> blocks in many contexts. The only markup that renders consistently everywhere is the 1999 kind: nested tables with every style inline on the element. That is exactly what this generator emits, which is the entire product.

Should my signature include an image?

Usually not, and this tool defaults to none. Images in signatures get blocked until the reader clicks "show images", get detached as winmail.dat oddities from Outlook, silently vanish in replies, and trip spam filters when they're remote-hosted. The image-free monogram badge here is built from a table cell with a background color and a letter — it renders literally everywhere, because it isn't an image. If your brand truly requires a logo, host it at a stable HTTPS URL, size it in the tag, and accept that some readers will see a broken-image box.

Why does my signature look wrong in dark mode?

Dark-mode clients recolor your text — some invert, some only lighten dark colors, Outlook and Gmail behave differently from each other. The classic failure is near-black text hard-coded on an assumed white background, or a brand color with no contrast against dark grey. This generator previews both modes live and avoids the worst traps: it never sets a background on the text block and keeps accent colors in the mid-range that survives both treatments.

How do I install it in Gmail / Outlook / Apple Mail?

Gmail: Settings → See all settings → General → Signature → paste (use the "copy signature" button here, which copies the rendered version, not code). Outlook desktop: File → Options → Mail → Signatures → New → paste; if Outlook mangles spacing, paste into the signature editor rather than a message window. Apple Mail: Settings → Signatures → drag or paste; untick "Always match my default message font" or Mail will override your styling. The instructions panel repeats these next to the button.

What actually belongs in a signature?

Less than people include. Name, role, company, one phone number, one link — research on email etiquette and every deliverability guide converge on the same point: four to six lines, no inspirational quotes, no ASCII dividers, no six social icons nobody clicks. Legal-disclaimer blocks are required in some industries and pure noise elsewhere. The layouts here are deliberately compact; the restraint is a feature.

Honey-Do Tracker — home maintenance for landlords and property managers
137 Foundry — custom app building studio
137 Foundry — custom app building studio
Link copied to clipboard!