Skip to content

Email Signature Generator

Build a clean, table-based HTML email signature with your name, title and contact details — ready to paste into Gmail or Outlook.

Runs in your browserFree, no sign-up

Settings

Results update automatically as you type.

Signature preview

Signature HTML

<table cellpadding="0" cellspacing="0" style="font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#111827;border-collapse:collapse">
  <tr>
    <td style="border-left:3px solid #4f46e5;padding:4px 0 4px 14px">
      <div style="font-size:15px;font-weight:700;color:#111827">Jordan Lee</div>
      <div style="margin-top:2px;color:#4b5563">Marketing Manager · Acme Co</div>
      <div style="margin-top:6px;color:#4b5563">+1 (555) 010-0100 &nbsp;|&nbsp; <a href="mailto:jordan@acme.co" style="color:#4f46e5;text-decoration:none">jordan@acme.co</a> &nbsp;|&nbsp; <a href="https://acme.co" style="color:#4f46e5;text-decoration:none">https://acme.co</a></div>
      
    </td>
  </tr>
</table>

Gmail: Settings → See all settings → Signature → paste. Outlook: File → Options → Mail → Signatures → paste into the editor. If your mail client has no 'edit HTML' option, select and copy the rendered preview above instead of the code block — it carries the same formatting.

About Email Signature Generator

This email signature generator builds a compact, professional signature block from your name, title, company and contact details, styled with a single accent colour and laid out the way email clients actually expect. It outputs both a live preview and copyable HTML built from a table with inline styles — the format that survives Outlook's notoriously limited rendering engine intact, unlike a signature built with modern CSS.

Using Email Signature Generator

  1. 1

    Enter your name, job title and company.

  2. 2

    Add your phone, email and website.

  3. 3

    Pick an accent colour to match your brand.

  4. 4

    Generate the signature, then copy the preview or the HTML code.

  5. 5

    Paste it into your mail client's signature settings.

When you would reach for this

Setting up a new work email

Get a consistent, professional-looking signature in place on day one without needing design software.

Standardising a small team's signatures

Reuse the same accent colour and layout across a handful of people so everyone's outgoing email looks consistent, without buying a dedicated signature management tool built for hundreds of employees.

Refreshing an outdated signature

Replace an old signature that still lists a former job title, phone number or design that no longer matches the brand.

Why table-based HTML instead of modern CSS

Email clients don't render HTML the way browsers do. Outlook desktop in particular uses Microsoft Word's rendering engine rather than a browser engine, which ignores flexbox, grid and most modern CSS entirely, but reliably supports HTML tables with inline styles — a layout method web development otherwise abandoned two decades ago. Building signatures this deliberately old-fashioned way is what makes them actually look right across Gmail, Outlook, Apple Mail and everything else, rather than only in whichever client was used to design them.

Worth knowing

  • Keep the signature short — three or four lines reads as professional, while a signature stacked with taglines, social icons and legal disclaimers reads as clutter.
  • Test the pasted signature by emailing yourself before rolling it out, since different mail clients occasionally strip or resize elements differently.
  • If your company already has a fixed brand colour, use its exact hex code here rather than eyeballing a close match.

Answers to common questions

Will this look right in Outlook, not just Gmail?
It's built with a single HTML table and inline styles rather than CSS classes or flexbox, which is the format that survives Outlook's Word-based rendering engine intact — most signature-formatting bugs come from using modern CSS that Outlook silently ignores.
Can I add a logo or photo?
Not directly through this generator, since it would require hosting an image file somewhere with a stable public URL. If you have one already hosted, add an <img> tag pointing to it inside the downloaded HTML before pasting it into your mail client.
Is any of this information sent anywhere?
No — the signature is assembled entirely in your browser from the fields you fill in, with nothing transmitted to a server.
Why use a table instead of a modern HTML layout?
Email clients render HTML with wildly inconsistent, often decades-old engines. Tables with inline styles are the one layout method that behaves predictably across Gmail, Outlook, Apple Mail and everything in between, which is why professional signature tools still generate them this way.

Looking for something else? Browse all generators or see every tool.