About Email Signature Generator
The Email Signature Generator builds a professional email signature as table-based HTML with inline styles only — no CSS classes, no flexbox, no external stylesheet — because that's the only markup style Gmail, Outlook and Apple Mail all render consistently. A signature built with modern CSS often collapses or loses its layout the moment it's pasted into a mail client's rich-text editor; this tool sidesteps that entirely. Whether you need to create email signature blocks for a whole team, want a proper html email signature instead of a broken rich-text one, or just need a fast gmail signature generator that produces paste-ready HTML, this is the tool.
It's used to create a consistent signature for a whole team by generating one, tweaking the accent color, and having everyone paste the same layout with their own name and title, when a new hire needs a signature that includes their title, phone, LinkedIn and company website without hand-coding an HTML table, and when replacing a signature that looks broken in half the recipients' inboxes because it was originally built with unsupported CSS. Every field is optional except name — leave a field blank and its row simply doesn't render, rather than showing an empty label.
The generated HTML uses a left accent-color border, a bold name line, a role/company line in the accent color, and a compact contact line linking phone (tel:), email (mailto:) and website — plus optional LinkedIn, Twitter/X and Instagram links. Every text field is HTML-escaped and every link is restricted to safe URL schemes (http, https, mailto, tel) before being rendered, so pasting unusual input can't break the output or embed something unexpected. Copy the generated HTML directly into your mail client's signature settings, or download it as a file to share with a team.
How to Use the Email Signature Generator
- Fill in your name, title, company and contact details.
- Add optional social links and pick an accent color.
- Check the live preview renders correctly.
- Copy the generated HTML into your email client's signature settings.
Features
- Table-based HTML with inline styles only — renders correctly in Gmail, Outlook and Apple Mail
- Live preview updates as you type
- Optional LinkedIn, Twitter/X and Instagram links
- Every field is HTML-escaped and every link is scheme-restricted for safety
Examples
Standard signature
Input
Name: Jane Doe · Title: Product Designer · Company: Acme Inc. · Email + Phone + LinkedIn filled in
Output
A bordered signature block with bold name, role line, contact links and a LinkedIn link, all in one accent color.
Minimal signature
Input
Only Name and Email filled in
Output
Bold name line plus a single mailto: link — no role line or border color changes rendered for empty fields.
Frequently Asked Questions
Why not just use CSS classes and flexbox for a nicer layout?
Most email clients strip <style> blocks and ignore flexbox/grid entirely, rendering only inline styles inside table markup reliably. A signature built with modern CSS commonly looks broken in Outlook specifically, so this tool intentionally avoids anything that isn't table-and-inline-style based.
How do I actually install this in Gmail or Outlook?
Copy the generated HTML, then paste it into your mail client's signature editor (Gmail: Settings → General → Signature; Outlook: File → Options → Mail → Signatures) — most signature editors accept pasted rich HTML directly rather than raw code.
Can I add a logo or photo?
Not directly in this version — most mail clients block remote images by default until the recipient clicks 'download images', which makes a signature-embedded logo unreliable anyway. Text and links render consistently everywhere without that dependency.
Is the Email Signature Generator free?
Yes, the Email Signature Generator is completely free with no usage limits. No signup, no account and no installation required.
Is my data safe?
Yes. All processing happens locally in your browser using JavaScript — nothing you type is uploaded or stored on our servers.
Related Tools
Invoice Generator
Create a professional invoice in your browser — line items, tax, discount and totals — then print or save as PDF. Free, no signup, no watermark.
HTML Formatter / Minifier
Beautify HTML into readable, indented markup or minify it to shrink file size. Free online HTML formatter, no upload required.
Color Converter
Convert colors between HEX and RGB with a live picker and instant preview. Free online color converter for designers and developers.
Meta Tag Generator
Generate title, description, Open Graph and Twitter Card meta tags with a live preview and length warnings. Free online meta tag generator.
Signature Maker
Create a signature by drawing it with your mouse or finger, or by typing your name in a script font — download as a transparent PNG.
UTM Link Builder
Build campaign tracking URLs with UTM source, medium, campaign, term and content parameters. Free UTM builder with link history.
Keyword Density Checker
Check how often a focus keyword appears in your content and see the top 1, 2 and 3-word phrases by density. Free SEO keyword density tool.