Why use a table-based HTML signature?

Email clients, especially Outlook, render HTML inconsistently and ignore much modern CSS. Table-based layouts with inline styles are the most reliable way to get a signature that looks the same in Gmail, Outlook and Apple Mail. This builder outputs exactly that.

How do I add my signature in Gmail?

Open Settings, go to the General tab, scroll to Signature, create a new one, then paste the copied HTML into the editor. Gmail accepts pasted formatted content, so the layout, colors and links come through. Save changes at the bottom.

Should I embed my logo as an image?

Reference a hosted logo by its public URL rather than embedding it, because many clients block or strip embedded images. Host the image somewhere stable, use an https URL, and always set alt text so the signature still reads if the image fails to load.

How long should an email signature be?

Keep it to four or five lines: name and title, company, one contact method, and your website or key social link. Overlong signatures with banners and disclaimers feel like spam and get clipped by Gmail on long threads.

Is my information uploaded anywhere?

No. The signature HTML is generated entirely in your browser from what you type. Nothing is sent to a server or stored.

Email Signature Builder

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, unsubscribe any time.

Email signature builder

A professional email signature is a small piece of branding that appears on every message you send, so it should look identical everywhere and never break. The reliable way to achieve that across Gmail, Outlook and Apple Mail is table-based HTML with inline styles, not modern CSS that clients silently drop. This builder takes your name, title, contact details and links and outputs that battle-tested HTML, ready to paste straight into your email client’s signature settings.

How it works

The builder assembles a single-table layout with all styling inline, which is the format email clients render most consistently. Your name takes the accent color and your job title and company sit beneath it. Contact rows — phone, website and email — render only when you supply them, and social links become text links so they survive image blocking. If you provide a logo URL it is referenced as a hosted image with alt text, never embedded, because many clients strip embedded images. The output is plain HTML you copy and paste; pasting into Gmail or Outlook preserves the formatting.

Tips and example

Keep it short — name and title, company, one phone or website, and a couple of links is plenty. Host your logo at a stable https URL like https://acme.example/logo.png and always set alt text in case it is blocked. Use a single accent color that matches your brand rather than several. Test the result by emailing yourself and viewing it in both Gmail and Outlook, since Outlook is the strictest renderer. Avoid long legal disclaimers in the signature itself; if required, keep them tiny and grey so they do not dominate every message.