elefcode

Email Signature Generator

A clean, email-safe HTML signature for Gmail, Outlook and Apple Mail — fill in your details, pick a layout, and copy it straight into your mail settings.

You
Contact
Social
Style
Layout
Preview

Best regards,

Alex Morgan
Product Designer | Northwind Studio
<table cellpadding="0" cellspacing="0" border="0" role="presentation" style="font-family:Arial, Helvetica, sans-serif;color:#1f2937;border-collapse:collapse;">
<tr><td valign="top" style="padding:0 0 0 14px;border-left:3px solid #2563eb;"><div style="font-size:16px;font-weight:bold;color:#1f2937;">Alex Morgan</div><div style="font-size:13px;color:#6b7280;padding-top:2px;">Product Designer <span style="color:#2563eb;">|</span> Northwind Studio</div><div style="font-size:13px;padding-top:8px;line-height:1.6;"><span style="color:#6b7280;">T</span>&nbsp;<a href="tel:+15550102030" style="color:#2563eb;text-decoration:none;">+1 555 010 2030</a> <span style="color:#d1d5db;">&nbsp;•&nbsp;</span> <a href="mailto:[email protected]" style="color:#2563eb;text-decoration:none;">[email protected]</a> <span style="color:#d1d5db;">&nbsp;•&nbsp;</span> <a href="https://example.com/" style="color:#2563eb;text-decoration:none;">example.com</a></div></td></tr>
</table>

Inline styles and tables, which is what email clients reliably support.

Advertisement

Guide

About the Email Signature Generator

Email clients are much stricter than browsers: many ignore stylesheets, modern layout and web fonts. A signature that looks right everywhere needs simple tables, inline styles and system fonts — exactly what this generator writes.

Fill in your details, then press “Copy signature” and paste it into your email program’s signature settings. Nothing you type leaves your browser.

Adding it to Gmail, Outlook and Apple Mail

Gmail: Settings → See all settings → General → Signature, then paste. Outlook: Settings → Mail → Compose and reply (web) or File → Options → Mail → Signatures (desktop), then paste. Apple Mail: Settings → Signatures, add one, untick “Always match my default message font”, then paste.

About images

Email signatures cannot embed uploaded images reliably, so the photo is loaded from a public URL — for example your website, LinkedIn photo link or an image host. Some clients hide images until the reader allows them, so the signature is designed to read well without one.

How to use it

  1. 1Enter your name, role and contact details.
  2. 2Add a photo URL and social links if you like.
  3. 3Pick a layout, accent colour and font.
  4. 4Press Copy signature and paste it into your mail settings.

Frequently asked questions

Why does my signature look different after pasting?

Paste with the Copy signature button rather than copying the HTML source, and avoid editing it afterwards in the mail client’s editor, which can strip styles.

Can I use a custom font?

Most email clients ignore web fonts, so the generator offers fonts installed on almost every computer. Custom fonts would fall back to one of these anyway.

How do I add a logo instead of a photo?

Put your logo’s image URL in the photo field and untick Round photo.

Will links work on phones?

Yes. Phone numbers become tel: links and emails become mailto: links, so tapping them calls or starts a new email.

Is my information stored anywhere?

It stays in your browser. The page remembers your last entries locally so you can come back and edit them.

Related tools

QR Code GeneratorLogo MakerColor Palette GeneratorMarkdown & HTML Table Generator