Email Signature Generator

Build a clean, email-client-friendly signature with inline styles. Fill in your details, pick a template, and copy rich HTML straight into Gmail, Outlook or Apple Mail.

Your details

Template
Accent colour

Live preview

Ayesha Khan (she/her)
Product Designer · Studio North
View HTML source
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;color:#0f172a;">
  <tr>
    
    <td style="vertical-align:top;">
      <div style="font-size:17px;font-weight:700;line-height:1.3;">Ayesha Khan<span style="color:#94a3b8;font-size:11px;"> (she/her)</span></div>
      <div style="font-size:13px;color:#475569;margin-top:2px;">Product Designer · Studio North</div>
      <div style="margin:10px 0;height:2px;width:48px;background:#2563eb;"></div>
      <div style="font-size:13px;line-height:1.5;color:#475569;"><a href="mailto:ayesha@studionorth.pk" style="color:#2563eb;text-decoration:none;font-weight:400;">ayesha@studionorth.pk</a><br /><a href="tel:+923001234567" style="color:#475569;text-decoration:none;font-weight:400;">+92 300 1234567</a><br /><a href="https://studionorth.pk/" style="color:#475569;text-decoration:none;font-weight:400;">studionorth.pk</a><br /><span style="color:#64748b;">Lahore, Pakistan</span></div>
      
    </td>
  </tr>
</table>

Getting the signature into your mail app

  1. Click Copy for email — this copies both rich HTML and a plain-text fallback.
  2. In Gmail, open Settings → General → Signature, create a signature, and paste.
  3. In Outlook, open File → Options → Mail → Signatures and paste into the editor.
  4. Send yourself a test email to confirm spacing and that the logo loads.

Need a matching email address or a page for your team? Try the Meta Tag Generator or the QR Code Generator.

More from Writing & Content

Browse all 116 tools →

Build custom software with us

From internal tools to full platforms — we deliver end to end.

Was this tool useful?