Email Signature Generator - HTML Signature for Gmail & Outlook
Build an HTML email signature for Gmail and Outlook from your name, title, and links, then copy it as rich text in one click.
Live preview
| Your Name |
Shown on white because email clients use light backgrounds. The preview is the exact HTML that gets copied.
HTML source
<table cellpadding="0" cellspacing="0" border="0" role="presentation"><tbody><tr><td style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0ea5e9; line-height: 22px;">Your Name</td></tr></tbody></table>Enter your name, job title, company, and contact links, pick one of three layouts (Classic, Sidebar, Minimal), and set an accent color. The tool generates email-client-safe HTML built on nested tables with fully inline styles and an Arial font stack, previews it live on a white background, and copies it as rich text ready to paste into Gmail or Outlook settings.
Email clients are stuck with HTML from the 1990s: no external stylesheets, patchy CSS support, and layout engines that mangle anything but tables. A signature that looks fine in a browser often falls apart when Outlook renders it with Word's engine. This generator produces signatures the conservative way: nested tables, every style declared inline on the cell that needs it, a web-safe Arial and Helvetica font stack, explicit colors on every link, and no external images that clients would block behind a load-images prompt.
Fill in your name, job title, company, phone, email, website, and optional LinkedIn, Twitter, and GitHub URLs. Pick one of three layouts: Classic stacks the lines with your name bold in the accent color, Sidebar runs a 3px vertical accent rule beside a two-column table, and Minimal compresses everything onto a single separated line. The accent color applies to your name or rule and to every link, set with a color picker so it can match your brand.
The preview renders on a white card because that is how recipients will see it, and it uses the exact same markup that gets copied. Copy signature places both an HTML and a plain-text version on the clipboard, so pasting into Gmail's signature editor keeps the formatting while plain-text contexts get a clean fallback. Copy HTML source gives you the raw markup for clients or CRMs that accept pasted HTML directly.
- 1
Fill in your details
Enter your name, job title, company, phone, email, and website, plus optional LinkedIn, Twitter, and GitHub profile URLs.
- 2
Pick a layout and color
Choose Classic, Sidebar, or Minimal from the template menu and set an accent color. The white preview updates with every keystroke.
- 3
Copy and paste
Click Copy signature to put the rich-text version on your clipboard, then paste it into the signature editor in Gmail or Outlook settings.
New job or rebrand
Rebuild your signature with an updated title and company in a minute, matching the accent color to the new brand palette.
Standardizing a small team
Pick one template and accent color, then have each teammate fill in their own details so every outgoing email looks consistent.
Developer or freelancer signature
Add GitHub and LinkedIn links next to your contact details so prospective clients can check your work from any email you send.
Replacing an image signature
Swap a screenshot-based signature for real HTML text that stays selectable, scales on mobile, and never gets blocked as a remote image.
How do I add the signature to Gmail?
Click Copy signature here, then in Gmail open Settings (gear icon), See all settings, scroll to the Signature section under the General tab, click Create new, paste with Ctrl+V or Cmd+V into the editor, and click Save Changes at the bottom.
How do I add it to Outlook?
In Outlook for Windows: File, Options, Mail, Signatures, click New, paste into the editing box, and set it as default for new messages. In Outlook on the web: Settings, Mail, Compose and reply, paste into the email signature box, and save.
Why does the signature use tables instead of modern CSS?
Outlook on Windows renders email with Word's engine, which ignores most CSS layout properties. Nested tables with inline styles are the only approach that renders consistently across Outlook, Gmail, Apple Mail, and mobile clients.
Is my information sent anywhere?
No. The signature HTML is assembled by JavaScript in your browser and copied straight to your clipboard. Your name, phone, and links never leave your device; only your template and accent color choices are saved locally for next time.
Can I include a photo or company logo?
Not with this tool. Images in signatures must be hosted on a public server, and many clients hide remote images behind a load-images prompt, so a text-only signature is the reliable choice. The accent color and bold name provide the visual identity instead.