Email Signature Generator

How to use

1. Fill in your details. Name, title, company, phone, email, website and address are all optional except the name. Social links are added only when you fill them in; empty links are omitted, not left as empty anchors.
2. Pick a layout. All eight layouts are tables with inline CSS, a maximum width of 600 px, web-safe fonts and a minimum text size of 12 px, because those are the constraints that survive in mail clients.
3. Copy the version you need. Copy formatted for pasting into Gmail or Outlook, copy HTML for a signature editor that takes code, or copy plain text for a client that strips formatting.
4. Send yourself a test email. Open it in Gmail and in Outlook, on desktop and on a phone, and check links, spacing and dark-mode readability before you use the signature for real mail.

Worked example

Load sample fills a fictional signature for Ayesha Khan, a teacher at Example School, with a phone number, an email address, a website and two social links. The formatted output is a table no wider than 600 px, the HTML output is the same table with inline styles and no external stylesheet link, and the plain-text output contains the same contact details with no HTML tags. A hostile input test is part of the build: a name containing a script tag is escaped in the HTML output, and a javascript: link is removed, so neither can execute in a preview or in copied output.

Limitations

This tool does not deploy a signature to a team, sync it to Google Workspace or Microsoft 365, or add click analytics — those are paid, account-based products, and they are not offered here. It cannot guarantee that every Outlook version renders a signature identically, because Outlook uses a word-processing engine that handles HTML differently from Gmail or Apple Mail. Install steps for Gmail, Outlook, Apple Mail and Thunderbird are provided, but in this build each step is marked “not tested”, because no manual test email to Gmail and Outlook was recorded in this environment. That statement is on the page, not hidden, and it must be updated only when a real test email has actually been sent and checked. Social icons are text labels in this build, not copied brand artwork.

Why mail clients break signatures

Mail clients do not render HTML like browsers. Gmail strips embedded images and some styles, Outlook renders with a word-processing engine that ignores many modern layout rules, and Apple Mail handles dark mode differently again. A signature that looks perfect in one client can therefore lose its spacing, its fonts or its images in another, without any error message. That is why this tool uses tables, inline styles, web-safe fonts and a maximum width of 600 px: those are the constraints that survive across clients, even though they feel old-fashioned. It is also why a test email matters more than a preview. A preview in this tool shows the intended layout; a test email in Gmail and in Outlook shows what readers will actually see, including how links, images and dark backgrounds behave. If a test shows a broken layout, simplify it — fewer columns, fewer images, plainer text — rather than adding more styling to fix it, because extra styling is usually what breaks next.

Frequently asked questions