TOOLADEX
light

Email Signature Generator

Create a professional email signature in seconds. Fill in your details, pick a template, choose your accent color, then copy the HTML or plain-text output.

Template
Preview
Alex Johnson
Senior Product Designer
Acme Corp
Output

Paste this HTML directly into your email client's signature editor (Gmail → Settings → Signature, Outlook → Options → Signatures).

Table of Contents

What is an Email Signature?

An email signature is a block of text (and optionally HTML) automatically appended to the end of your outgoing emails. It typically includes your name, job title, company, contact details, and links to your website or social profiles.

A well-crafted signature makes every email feel professional and ensures recipients always have your key contact information at hand without having to search for it.

How to Use This Tool

  1. Pick a template — Modern, Classic, or Minimal.
  2. Fill in your details — Name, title, company, email, phone, website, and social links. Leave any field blank to omit it.
  3. Choose an accent color — Click the color swatch, type a hex code, or pick a preset.
  4. Preview your signature — The live preview updates as you type.
  5. Copy the output — Switch between HTML (for rich email clients) or Plain Text, then click Copy.
  6. Paste into your email client — See the instructions below for Gmail, Outlook, and Apple Mail.

Template Styles

Modern

A left-side colored border with stacked name, title, and company — clean and contemporary. Great for creative and tech roles.

Classic

A traditional layout with a horizontal divider under your name. Well-suited for corporate and professional environments.

Minimal

A single-line compact format separated by pipes. Ideal when you want a subtle, non-intrusive signature that takes up little space.

Email Signature Best Practices

  • Keep it concise: 4–6 lines is plenty. Avoid cramming in too much information.
  • Use consistent branding: Match your accent color to your company or personal brand colors.
  • Include only relevant links: A LinkedIn profile is universally appropriate; only add Twitter or GitHub if they are professionally active.
  • Avoid large images: Logos and photos can be blocked by email clients or inflate message size.
  • Test across clients: Paste your HTML signature into Gmail, Outlook, and Apple Mail to verify it renders correctly.
  • Use a clickable email address: Always link your email with a mailto: href so recipients can click to reply.

How to Add to Gmail, Outlook & Apple Mail

Gmail

  1. Open Gmail and go to Settings → See all settings.
  2. Scroll to the Signature section and click Create new.
  3. Click the <> (Insert HTML) icon in the editor toolbar.
  4. Paste your copied HTML and click Ok.
  5. Save changes at the bottom of the page.

Outlook (Desktop)

  1. Go to File → Options → Mail → Signatures.
  2. Click New, name your signature, then switch to the Edit Signature area.
  3. For HTML: open Notepad, paste the HTML, save as .html, then drag the file into the Outlook editor.
  4. Alternatively use the plain-text version directly in the editor.

Apple Mail

  1. Open Mail and go to Mail → Settings → Signatures.
  2. Select your account, click + to add a new signature.
  3. Type a placeholder in the editor, then quit Mail.
  4. Find the signature file in ~/Library/Mail/V10/MailData/Signatures/, open the .mailsignature file in a text editor, and replace the body content with your HTML.
  5. Lock the file (Get Info → Locked) to prevent Mail from overwriting it, then reopen Mail.

Frequently Asked Questions

Is my data sent to a server?

No. All signature generation happens entirely in your browser. Your name, email, and other details are never uploaded or stored anywhere.

Why should I use HTML instead of plain text?

HTML signatures render with styling — colors, links, and formatting — which looks more polished in modern email clients like Gmail and Outlook. Use plain text if you communicate primarily via terminal-based mail or very old clients.

Can I add a logo or photo?

This tool focuses on text-based signatures. To add an image, paste the generated HTML into a text editor and insert an <img> tag with a hosted image URL. Avoid attaching images inline as many clients block them.

My signature looks different in Outlook. What should I do?

Outlook uses the Word rendering engine, which has limited CSS support. Stick to inline styles (already used here), avoid advanced CSS properties, and test with the plain-text output if styling breaks.

What accent colors work best?

Use your brand's primary color or a neutral professional tone like dark blue (#1d4ed8), teal (#0f766e), or slate (#475569). Avoid very light colors as they won't contrast well on white backgrounds.