Professional Email Signature Generator

Email clients strip most modern CSS, so the generator writes the signature the way email developers do: a table-based layout with inline styles and web-safe fonts (Arial, Helvetica). That keeps spacing and colors stable in Gmail, Outlook and Apple Mail.

• Blank fields are left out entirely, so there are no empty labels or stray separators.
• Websites and LinkedIn addresses get https:// added if you leave it off. Anything that isn't an http or https link, such as a javascript: address, is rejected and dropped.
• Every character you type is HTML-escaped, so a company name like "Smith & Sons" displays correctly and can't break the markup.
• The accent color must be a 3- or 6-digit hex code; if it isn't valid, the default navy is used and you see a warning.

Everything runs in your browser.

Jordan Lee is applying for analyst roles and wants recruiters to reach them quickly. Jordan enters a name, pronouns (they/them), the title Senior Data Analyst, the company Northwind Analytics, a phone number, an email address, a portfolio site typed as example.com, and a LinkedIn profile typed as linkedin.com/in/jordanlee, then picks the navy accent and the divider layout.

The plain-text version the generator produces is:

• Jordan Lee (they/them)
• Senior Data Analyst | Northwind Analytics
• ----------
• Phone: (555) 010-2233
• Email: jordan.lee@example.com
• Web: example.com
• LinkedIn: linkedin.com/in/jordanlee

In the HTML version the name is bold 16px text in the navy accent, the pronouns sit beside it in smaller gray text, and the divider becomes a 60px-wide, 2px-high navy bar. Behind the scenes the website and LinkedIn entries were turned into full https:// links, the phone number became a tap-to-call tel: link, and the email became a mailto: link, while the visible text stays short.

Each line of the signature is its own table row with styles written directly on the element. Email clients handle CSS inconsistently: many desktop versions of Outlook render HTML with the Word engine, and webmail clients remove style blocks and classes from incoming messages. Inline styles on table cells are the format those clients reliably keep, which is also why the divider is a filled table cell rather than a border or an hr element.

The order of the rows follows how people scan a signature: who you are, what you do, then how to reach you. Labels such as Phone and Email are included because a signature is often pasted or forwarded as plain text, where color and position no longer tell the reader which number is which.

The generator also filters what you type. Links must be http or https; anything else, such as a javascript: address, is dropped with a warning. Phone numbers only become links when they contain at least seven digits, and an email that does not look like an address is shown as plain text. Gmail's and Microsoft's signature help pages (cited below) describe pasting formatted signatures into their editors, which is what the Copy for Gmail / Outlook button prepares.

The divider layout adds a visual break that helps when the signature has four or more contact lines. With only a name and title, the simple layout looks cleaner.

Gmail (web): click Copy for Gmail / Outlook, then open Settings, See all settings, General, Signature, create a signature and paste into the editor. Scroll down and click Save Changes.

Outlook: in Outlook on the web or the new Outlook, open Settings, Mail (Account in some versions), Signatures, paste into the signature box and save. Choose whether it is added to new messages and replies.

Apple Mail and other clients: use the rich copy if pasting keeps the formatting; otherwise download the .html file, open it in a browser, select the signature and copy it from there. If your browser does not support rich copying, the tool copies the plain-text version and tells you.

Send a test email to yourself and view it on your phone before you rely on the new signature.

• Keep it to four to six lines. Name, title and company, one phone number, and one or two links cover most needs.
• Job seekers: a personal signature with your target title (for example "Project Manager | PMP"), phone and LinkedIn profile makes it easy for recruiters to call you back. Don't use your current employer's signature for job search emails.
• Pronouns are optional; include them if you want correspondents to know how to refer to you.
• Skip images, quotes and long legal disclaimers unless your employer requires them. Images are often blocked or shown as attachments, and quotes can distract in a professional context.
• Use one accent color with enough contrast against white; dark blues, greens and grays read well.