Signature Generator
Create a professional HTML email signature in seconds. Fill in your details, pick a template and accent color, then copy the HTML or paste directly into Gmail, Outlook, or Apple Mail.
Email Signature Generator creates polished, table-based HTML email signatures that work in Gmail, Outlook, Apple Mail, and any other mail client. Enter your contact details, choose a template, pick an accent and text color, and copy the ready-to-use HTML — everything happens in your browser and nothing is sent to a server.
Tool interface
- Full name — the primary display name on the signature (required).
- Job title / Department / Company — position and organisation details shown beneath the name.
- Email / Phone / Website / Address — contact information rendered as clickable links where applicable.
- Social links — paste full URLs for LinkedIn, X (Twitter), GitHub, Instagram, Facebook, YouTube, TikTok, Pinterest, Discord, WhatsApp, Behance, and Dribbble. Each platform is rendered as a small labelled badge in the accent color.
- Font — choose from six web-safe fonts: Arial, Trebuchet MS, Georgia, Times New Roman, Verdana, or Tahoma.
- Accent / name color — color applied to the name, dividers, bars, and social badges. Badge text color is calculated automatically for contrast: light accent backgrounds get dark text, dark backgrounds get light text.
- Text / contact color — color applied to the job title, department, contact details (email, phone, website, address), and body text. Adjust this independently to maintain readability against any background.
-
Template — four layout styles:
- Classic — left accent bar with name, title, and stacked contact details.
- Compact — single-line name + title, horizontal contact row, top accent border.
- Modern — two-column layout with a colored name block on the left; name/title text inside the block auto-contrasts against the accent color.
- Minimal — typography-only, no borders, subtle accent divider line.
- Preview tab — shows the rendered signature as it will appear in an email client.
- HTML tab — shows the raw HTML source you can paste into your mail client's signature editor.
- Copy HTML — copies the signature HTML to your clipboard.
- Copy for Gmail — copies the signature as rich text (HTML MIME type) so you can paste it directly into the Gmail signature editor without losing formatting.
How to use
- Fill in your details on the left — the preview updates live on every keystroke.
- Choose a template and adjust the accent and text colors to match your brand.
- Click Copy HTML and paste the code into your mail client's HTML signature field, or use Copy for Gmail and paste directly into the Gmail signature box.
Adding the signature to your mail client
| Mail client | Where to add HTML signatures |
|---|---|
| Gmail | Settings → See all settings → General → Signature → Create new |
| Outlook (web) | Settings → Mail → Compose and reply → Email signature |
| Outlook (desktop) | File → Options → Mail → Signatures → New |
| Apple Mail | Mail → Settings → Signatures → + |
| Thunderbird | Account Settings → Signature text → Use HTML |
For Gmail: use Copy for Gmail and paste with Ctrl+V (or Cmd+V) directly into the signature text area. For all other clients: switch to the HTML tab, use Copy HTML, and paste into the client's HTML source/code editor.
FAQ
Why use table-based HTML for signatures?
Email clients do not support modern CSS layout methods like Flexbox or Grid. Tables are the only reliably cross-client way to build multi-column email layouts. This tool generates table-based HTML that works in Gmail, Outlook, Apple Mail, and other clients without additional CSS.
Will the signature look identical in every mail client?
Core layout and typography are consistent across all major clients. Minor rendering differences may occur — for example, Outlook on Windows uses Word's rendering engine which can ignore certain CSS properties. The Classic and Compact templates are the most compatible choices for Outlook.
How does the auto-contrast badge work?
The tool calculates the relative luminance of the accent color using the standard formula (0.299R + 0.587G + 0.114B). If the accent is light, badge text is set to black; if dark, badge text is set to white. This ensures readable contrast on any accent color without manual adjustment.
How do I paste the signature into Gmail?
Click Copy for Gmail, open Gmail Settings → General → Signature, click inside the signature editor, and press Ctrl+V (Windows) or Cmd+V (Mac). The signature pastes as formatted HTML. If the formatting is lost, use Copy HTML instead and switch the Gmail editor to HTML mode via a browser extension.
Can I add a profile photo?
The current tool generates text and link-based signatures. Photo support is not included — you can add an <img> tag to the copied HTML manually after pasting it into your editor.
Is my data stored anywhere?
No. All processing runs entirely in your browser. Your name, email address, and other details are never sent to a server or stored anywhere outside your current browser session.
Can I use a custom font?
Custom fonts (Google Fonts, etc.) are not supported in email clients and are therefore not offered. The tool provides six universally supported web-safe fonts that render consistently across all operating systems and mail clients.