Email Signature Generator

Fill in your details and get a clean, professional HTML email signature that renders correctly in Gmail, Outlook and Apple Mail. Preview live, then copy the HTML.

signature-generator · runs locally
Live preview
Your Name
Signature HTML

What this email signature generator does

A good email signature is quiet: name, role, one accent line, and ways to reach you — rendered identically whether the recipient opens the message in Gmail, Outlook, or Apple Mail. That consistency is the hard part, because email clients ignore most modern CSS. This generator produces battle-tested markup: a nested table with inline styles, clickable tel: and mailto: links, and a single accent color you choose.

The live preview shows exactly what recipients will see, and the HTML pane gives you the source for platforms that accept raw signature code.

How to create your signature

  1. Fill in your name and any of the optional fields — empty ones are skipped.
  2. Pick an accent color that matches your brand.
  3. Copy the rendered preview into Gmail/Outlook settings, or copy the HTML for platforms that take source code.

Signature best practices

Four lines is the professional maximum — beyond that, signatures start competing with the message. Skip inspirational quotes, keep one accent color (your brand color; find companions with the Color Palette Generator), and make sure the phone number uses a tel: link so mobile readers can tap to call. Consistency across a team matters more than any individual flourish.

Frequently asked questions

How do I add this signature to Gmail?

In Gmail go to Settings → See all settings → General → Signature, create a new signature, then paste. Tip: paste the rendered preview (select and copy it from this page) rather than the raw code — Gmail's signature box accepts rich content, not HTML source.

How do I add the signature to Outlook?

In new Outlook and Outlook on the web: Settings → Mail → Compose and reply → Email signature, then paste the rendered signature. In classic desktop Outlook: File → Options → Mail → Signatures.

Why is the signature built with a table instead of modern CSS?

Email clients render HTML with engines far older and stricter than browsers — Outlook uses Word's engine. Tables with inline styles are the only layout method that renders consistently everywhere, which is why every professional signature generator uses them.

Should I put an image or logo in my signature?

Keep it minimal. Images are blocked by default in many clients, add attachment-icon clutter, and increase spam scores. A text signature with one accent color, like this one generates, is the most reliable professional option.