Email Signature Generator
Free email signature generator that creates professional HTML signatures with live preview. Choose a template, customize colors, and copy the code.
This email signature generator builds a professional HTML signature you can paste into Gmail, Outlook, Apple Mail, or any email client that supports rich signatures. Enter your details, choose a template and accent colour, and copy the result. The live preview updates as you type. All processing runs in your browser - no personal data is sent to any server.
For informational purposes only. Not financial advice. Calculations are estimates and may not reflect your exact situation. Consult a qualified financial adviser for personalised guidance.
About Email Signature Generator
Why Your Email Signature Matters
The average office worker receives over 120 emails per day and sends around 40, according to Radicati Group research. Every outgoing email carries your signature at the bottom. A MySignature survey found that 52% of professionals say a well-designed email signature is important when communicating with clients. Name, company website, and company name are the three most-included elements, appearing in 94.5%, 91.2%, and 88.4% of professional signatures respectively.
Despite that, around 75% of companies still manage signatures manually rather than using dedicated software. That means most professionals are copying and pasting raw text or relying on whatever their email client auto-generates. A proper HTML signature with consistent branding, clickable links, and a clean layout stands out immediately.
Available Templates
| Template | Style | Best For |
|---|---|---|
| Minimal | Clean, no-frills layout with small text | Personal email, minimalist brands |
| Classic | Traditional serif font with a horizontal rule separator | Law firms, consultancies, formal industries |
| Modern | Coloured accent bar on the left, sans-serif font | Tech companies, startups, creative agencies |
| Bold | Large name with strong visual weight, prominent colour block | Sales teams, personal brands, executives |
Most people only need one signature - a MySignature study found that 89.96% of users stick with a single signature. Around 44.4% of users update their signature 2-4 times per year, typically when they change roles, get a promotion, or rebrand.
Fields You Can Include
| Field | Required? | Display Format |
|---|---|---|
| Full name | Yes | Shown in the accent colour, largest text |
| Job title | Optional | Below the name |
| Company | Optional | Beside or below the job title |
| Phone | Optional | Clickable tel: link |
| Optional | Clickable mailto: link | |
| Website | Optional | Clickable https link |
| Optional | Clickable profile link | |
| X / Twitter | Optional | Clickable @handle link |
A professional signature typically contains 250-300 characters and sits within 3-4 lines of text. Going beyond 5-7 lines starts to look cluttered and pushes the actual email content further down the screen, especially on mobile. The recommended maximum width is 600 pixels to avoid horizontal scrolling in email clients.
Why Table-Based HTML?
Email clients are notorious for inconsistent CSS support. Unlike web browsers, most email clients strip or ignore external stylesheets, flexbox, grid, and many modern CSS properties. The only reliable way to create a consistent layout across email clients is to use HTML tables with inline styles.
| Email Client | Market Share (2025) | CSS Support | Table Support |
|---|---|---|---|
| Apple Mail | ~52% | Good - WebKit-based | Full |
| Gmail (web) | ~27% | Limited - strips most CSS | Full |
| Outlook (desktop) | ~7% | Very limited - uses Word rendering engine | Full |
| Thunderbird | ~2% | Moderate | Full |
| Yahoo Mail | ~2% | Limited | Full |
| Outlook.com (web) | ~1% | Limited | Full |
Litmus email client share data from 2025 shows Apple Mail and Gmail together account for roughly 80% of all email opens. This generator uses inline CSS on table elements, so the signature renders consistently across all of them. Outlook desktop is the trickiest client because it uses the Microsoft Word rendering engine rather than a browser engine - shorthand CSS properties like padding: 10px 0 often break, so the generated HTML uses explicit longhand properties instead.
How to Install Your Signature
| Email Client | Steps |
|---|---|
| Gmail | Settings > See all settings > Signature section > paste HTML signature |
| Outlook (desktop) | File > Options > Mail > Signatures > New > paste HTML |
| Outlook (web) | Settings (gear) > View all Outlook settings > Mail > Compose and reply > paste |
| Apple Mail | Mail > Settings > Signatures > create new > paste HTML (may need to edit the .mailsignature file directly for full HTML) |
| Thunderbird | Account Settings > select account > check "Use HTML" > paste HTML |
A common best practice is to use your full signature only on the first email in a thread, then switch to a shorter version (just name and title) for replies. This prevents long email chains from becoming a wall of repeated signatures and disclaimers.
Email Signature Best Practices
| Do | Avoid |
|---|---|
| Keep it to 3-4 lines of information | Including your full postal address (unless legally required) |
| Use your brand colour as the accent | Using more than 2 colours |
| Include only the most relevant contact methods | Listing every social media account you have |
| Use a professional font (system sans-serif) | Decorative or script fonts that may not render |
| Keep total file size under 50KB including images | Embedding large images that slow down email loading |
| Test in multiple email clients before using | Assuming it looks the same everywhere |
| Use PNG for logos (best Outlook transparency) | Using SVG logos (no email client support) |
Legal Requirements for Business Email Signatures
In the UK, the Companies Act 2006 requires limited companies and LLPs to include specific details in all business correspondence, including emails. Every external email sent by any employee must show the company's registered name, company registration number, registered office address, and place of registration. Sole traders and standard partnerships are exempt. Failure to comply can result in a fine of up to 1,000 GBP.
In the US, the CAN-SPAM Act requires commercial emails to include a valid physical postal address and a way for recipients to opt out. The EU's GDPR adds requirements around data processing notices in certain contexts. German law (Telemediengesetz) has some of the strictest rules, requiring the managing director's name, VAT number, and commercial register details in every business email.
| Jurisdiction | Required Elements | Applies To |
|---|---|---|
| UK (Companies Act 2006) | Registered name, company number, registered address, place of registration | Ltd companies, LLPs |
| US (CAN-SPAM) | Physical postal address, opt-out mechanism | Commercial/marketing emails |
| EU (various directives) | Company name, registration number, registered address, VAT number | Limited companies |
| Germany (TMG) | Managing director, VAT ID, commercial register entry | All businesses |
Signature Size and Technical Limits
Most email clients handle signatures up to 50KB total without issues. Individual images should stay under 30KB each, and logos work best at 100-300 pixels wide by 50-100 pixels tall. The recommended total height for a signature is under 250 pixels - anything taller pushes the email content too far down on mobile screens.
Gmail strips out CSS classes and external stylesheets entirely, so every style must be inline. Outlook desktop ignores CSS shorthand, float, position: absolute, and most modern layout properties. The safest approach - and the one this generator uses - is table-based layout with inline styles on every element. If you need to create invoices for your business alongside your signature, the invoice generator produces clean, printable invoices in the browser.
Common Mistakes That Break Email Signatures
The most frequent issue is using web-only CSS features. Flexbox, grid, CSS variables, and media queries either fail silently or break the layout in most email clients. Another common mistake is embedding images as base64 data URIs - Gmail and Outlook block these, showing a broken image icon instead. Hosted images with absolute URLs are the only reliable approach.
Using web fonts (Google Fonts, Adobe Fonts) is another trap. No major email client loads external fonts, so the signature falls back to a system default, often with inconsistent sizing. The templates in this generator stick to widely available system fonts like Arial, Georgia, and the system UI stack, which render predictably across platforms.
Copy-pasting from a word processor is also problematic. Word and Google Docs inject hidden formatting, nested spans, and non-standard CSS that causes unpredictable rendering. Always paste the raw HTML output from a generator rather than copying formatted text.
What Makes a Good Email Signature?
The best email signatures share a few traits. They are short - three to four lines of essential information. They use one or two colours at most, with the accent colour matching the company brand. They include clickable links (tel: for phone, mailto: for email, https for website) so recipients can reach out with a single tap on mobile.
Avoid including inspirational quotes, animated GIFs, or disclaimers that are longer than the email itself. A legal disclaimer may be required by your company, but it should be kept separate from the signature block and set in a smaller font size. Some organisations use a full signature on the first message in a thread and a stripped-down version for replies to keep things tidy.
Social media links are worth including only if you actively use the platform for professional purposes. Linking to a Twitter account that has not been updated in two years does more harm than good. LinkedIn is the safest bet for professional contexts, and a company website link drives traffic directly.
Mobile Rendering and Testing
More than 60% of emails are now opened on mobile devices, according to Litmus data from 2025. On a phone screen, a signature that looks fine on desktop can overflow or become unreadable. The key rules for mobile-friendly signatures are keeping the total width under 600 pixels, using font sizes no smaller than 12 pixels, and making sure tap targets (phone numbers, email links) are large enough to hit with a thumb.
Testing is important before committing to a signature. Send a test email to yourself on each platform you use - Gmail on desktop, Gmail on mobile, Outlook if you use it for work, and Apple Mail if you are on macOS or iOS. Check that colours, spacing, and links all render correctly. The table-based layout this generator produces is specifically designed to handle these rendering differences, but edge cases still appear, especially in older versions of Outlook that use the Word rendering engine.
If your signature includes images, make sure they load from a hosted URL rather than being embedded inline. Gmail in particular blocks base64-encoded images by default. Most professionals find that a text-only signature with good formatting and colour actually performs better than image-heavy designs, since it loads instantly and cannot be blocked by image filters.
If you are starting a new company, the business name generator can help brainstorm name ideas. For a QR code linking to your website or contact card, the QR code generator creates one you can add to printed materials or even embed in your signature.
Sources
Frequently Asked Questions
How do I add the signature to Gmail?
Go to Gmail Settings, click "See all settings", scroll to the Signature section under the General tab, and paste the copied HTML into the signature editor. Gmail supports rich HTML formatting, so the colors and layout will carry over.
Will the signature look the same in every email client?
The signature uses table-based layout and inline CSS, which is the most reliable approach for email clients. It works well in Gmail, Outlook, Apple Mail, and most modern clients. Older or text-only clients will fall back to plain text gracefully.
Can I use a custom font?
Email clients have limited font support, so the signatures use widely available system fonts like Arial, Georgia, and system UI fonts. Custom web fonts are not reliably rendered in email, so the generator sticks to safe choices.
Is my data stored anywhere?
No. Everything runs in your browser. Your name, email, phone, and other details are never sent to any server. When you close the page, the data is gone.
What is the difference between Copy HTML and Copy Plain Text?
Copy HTML copies the formatted signature with colors, links, and layout intact. Use this for Gmail, Outlook, and other rich email clients. Copy Plain Text gives you a simple text-only version for clients that do not support HTML.
Related Tools
Link to this tool
Copy this HTML to link to this tool from your website or blog.
<a href="https://toolboxkit.io/tools/email-signature-generator/" title="Email Signature Generator - Free Online Tool">Try Email Signature Generator on ToolboxKit.io</a>