Email Signature Generator

Build a signature that survives being pasted into an email client. Fill in the fields, pick a layout and a colour, and the page produces the HTML that email software actually renders correctly — then gives you the one-click copy to paste it into your settings.

Why Email Signatures Need Their Own Approach

An email signature cannot be built the way a web page is built. Most email clients strip out style blocks, ignore external stylesheets, and render inconsistently across Outlook, Gmail and Apple Mail. What survives is a much older technique: a table with every style written inline on the element itself. That is what this page generates, which is why the output looks old-fashioned in the source view and why it renders reliably in the places that matter.

• Eleven fields feed the signature: name, job title, company, department, phone, mobile, email address, website, postal address, a social link and a colour.
• Four layouts are offered — Modern with a coloured bar down the left, Classic with plain separator lines, Compact with minimal spacing, and Branded with a placeholder for a logo.
• Every value is inserted with HTML escaping, so an ampersand in a company name or a quote in a job title cannot break the markup.
• The preview is the actual markup rather than a picture of it, so what you see is what will be pasted.

Building and Installing a Signature

1. Fill in the name at minimum, since it is the one field with a fallback. Everything else can be left blank and its line will be omitted from the output.
2. Choose a layout. Modern suits most professional use, Classic is the safest for legal and formal contexts, Compact is for people who send very short replies, and Branded is the one to use if you have a hosted logo image.
3. Set the accent colour using the picker. It is used for the bar, for links and for phone numbers, so a colour that matches your brand identity is visible throughout.
4. Preview the result and check the line breaks, particularly in the address field where a long address will wrap differently in each client.
5. Click Copy HTML, then paste into your email client's signature settings. Use the View Source button first if you want to see exactly what you are pasting.
6. Send yourself a test message from a different device. This is the only reliable way to see how the final result renders, because signature handling differs between the web client and the desktop application.

The Four Layouts

Alternative	Notes
Modern	A coloured bar sits to the left of the details in its own table cell, with your name set larger and bolder than the rest. Most visually distinctive and the usual choice for a company that wants brand colour in every message.
Classic	Simple horizontal separators between sections and no colour block. The most compatible option and the least likely to draw attention to itself, which is often what a formal or legal context requires.
Compact	Minimal spacing and a single tight block, designed for people who reply in one line and do not want six rows of contact details under every message. The trade-off is that it is less scannable for someone trying to find your phone number.
Branded	Adds a placeholder where a logo image belongs. You will need to host the image somewhere with a public URL and swap the placeholder for that address, because a signature cannot carry an embedded image reliably across clients.

Making It Survive Real Email Clients

A signature that works in the preview and falls apart in Outlook is the normal outcome of doing this by hand. These are the specific things the generated markup does to avoid it.

• Tables are used for layout rather than modern layout properties, because the rendering engine in older desktop Outlook does not support them.
• All styling is written inline on each element. External or document-level styles are stripped or ignored by many clients, which is why the source looks repetitive.
• The telephone links are built as proper tel links with spaces removed from the number, so they are tappable on a phone without containing characters that break the link.
• Images are limited to a placeholder rather than an uploaded logo. Inline images and hosted images are blocked by default in many clients, so a signature that depends on a logo often arrives with a broken image icon.
• Font families are limited to widely available ones. A webfont that is not installed on the recipient's machine will silently fall back to something else, which can change the wrapping and break the layout.

Before You Paste It Into Your Work Account

A signature is a piece of corporate identity, and in many organisations it is governed rather than personal.

• Check whether your employer mandates a specific signature format. Regulated industries frequently do, including required company registration numbers or disclaimers, and a personal signature that overrides those is a compliance problem rather than a style choice.
• Do not include a personal mobile number on a work account unless you are content for it to be forwarded. Signatures travel into threads, into CRM systems and into the hands of people you have never met.
• Consider whether you want your full postal address published on every message you send outside the organisation. It is standard on a business card and considerably more exposed in a signature.
• Get the job title right. It is the field that becomes outdated fastest, and a stale title in every outgoing email is noticed.

Signature Questions

How do I install the signature in my email client?

The general pattern is the same everywhere: open settings, find the signature section, create a new signature and paste the copied HTML into it. Gmail has a signature box that accepts pasted rich content directly. Outlook desktop works better if you paste into the signature editor and save, then restart the application. Apple Mail accepts pasted content but may reformat it, so check the result. In every case, send a test message before relying on it.

Why does my signature look different on my phone?

Because clients apply their own scaling and font substitution, and mobile clients often reformat or suppress signatures entirely. iPhone Mail scales text to fit and may reduce the font size below the threshold you set. Gmail on Android sometimes collapses the signature. There is no markup that renders identically everywhere, which is why the layouts here use conservative techniques and why a test message matters more than the preview.

Can I include a logo?

Only as a hosted image with a public URL, which is what the Branded layout provides a placeholder for. Many clients block images by default and show a placeholder until the recipient allows them, and some corporate mail systems strip external images from signatures altogether. If the logo is essential, consider whether a text-based wordmark in the name line achieves the same thing more dependably.

Does the page store or send my details?

No. The signature is assembled from the fields in the browser and there is no submit action on the form. Nothing is transmitted, nothing is written to storage, and reloading the page returns everything to its placeholder values. The details you type into a signature are often personal contact information, which is a good reason to prefer a tool that does not require an account.

Last verified: October 3, 2026

Launch Email Signature Generator

All Tools · All Tools · About · How We Test · Contact · Privacy

Maintained by Huang Bin · Last updated October 3, 2026