nutilz
โœ๏ธ

Email Signature Generator

Create a professional HTML signature for Gmail, Outlook and Apple Mail

Rendered as it will appear in email clients

How to add to Gmail

1. Click Copy HTML above

2. Open Gmail โ†’ Settings โ†’ See all settings โ†’ General โ†’ Signature

3. Create a new signature, click inside the box

4. Paste with Ctrl+Shift+V (paste without formatting)

๐Ÿ”’ No data is ever sent to a server. All generation happens locally in your browser.

Why Your Email Signature Matters

A professional email signature is one of the simplest yet most impactful pieces of professional branding available to you. Every email you send is an opportunity to reinforce your identity, make it easy for recipients to contact you, and project credibility. A well-designed signature includes your name, title, company, contact details, and links to professional profiles โ€” all styled consistently with your brand colors.

Research from email marketing studies consistently shows that emails with professional signatures receive higher response rates. Recipients treat structured signatures as a signal of legitimacy and attention to detail. For freelancers, consultants, and small business owners especially, a polished signature can be the difference between a prospect taking action or moving on.

HTML vs Plain Text Signatures

HTML signaturesuse inline styles to render colors, fonts, and layout directly in the email body. They look polished and branded in modern email clients like Gmail, Outlook, and Apple Mail. The key to compatibility is using inline CSS (styles written directly on each HTML element) rather than external stylesheets or embedded <style> blocks, since many email clients strip those.

Plain text signatures are a good fallback for recipients who prefer text-only email clients or have HTML rendering disabled. They contain the same information โ€” name, title, contact details โ€” but without any formatting. Some professionals include both: they configure their email client to use HTML by default and fall back to plain text when the client detects a text-only context.

Best Practices for Email Signatures

Keep it concise. Signatures should support your email, not compete with it. Limit to 4โ€“6 lines of information: your name, title, company, one or two contact methods, and social links if relevant. Avoid adding lengthy quotes, legal disclaimers longer than two lines, or animated GIFs โ€” these reduce professionalism and increase email file size.

Use consistent branding.Match your signature's accent color to your company or personal brand palette. This consistency across emails, your website, and your social profiles reinforces brand recognition. The five color themes in this generator cover the most common professional color directions.

Link to your best profile.If you are active on LinkedIn professionally, link to it. If you maintain a portfolio website, link to that. Don't include links you don't actively maintain โ€” a LinkedIn with no posts or a website that is under construction reflects poorly.

Frequently Asked Questions

How do I add this signature to Gmail?+
Click "Copy HTML" on this page, then open Gmail Settings (gear icon โ†’ See all settings โ†’ General tab โ†’ Signature). Create a new signature, click inside the signature box and paste with Ctrl+Shift+V (paste without formatting). Save settings at the bottom of the page.
Will this work in Outlook?+
Yes. The signature uses inline HTML styles compatible with Outlook 2016, 2019, 2021, and Microsoft 365. In Outlook, go to File โ†’ Options โ†’ Mail โ†’ Signatures, create a new signature, paste the HTML in the editor, and save.
Does this tool store my personal information?+
No. All generation happens entirely in your browser. None of your details are ever sent to a server or stored. Closing the tab clears everything.
Can I change the color after copying?+
Yes. Simply pick a different theme and click "Copy HTML" again to get an updated version with the new color. You can also manually edit the hex color values in the copied HTML if you need a custom color not available as a preset.
What happens if I leave some fields blank?+
Blank fields are automatically excluded from the signature output. If you leave the phone number empty, no phone line appears in the signature. Only the fields you fill in are included.