Email Signature Generator
Create an HTML email signature for Gmail, Outlook and Apple Mail: name, title, contacts, logo or photo, social links, colour and three layouts, plus a plain-text version.
A good email signature tells people who you are and how to reach you without cluttering every message. This generator builds one from your details: name, job title, company, phone, email, website, address, an optional logo or photo, up to six social links and a small-print line. It uses table-based HTML with inline styles, the format that survives pasting into Gmail, Outlook and Apple Mail, and also gives you a plain-text version for apps that do not support formatting.
How to use this tool
- Fill in your name, title, company and contact details; leave out anything you do not want.
- Add a logo or photo URL that is already online, social profile links and an accent colour.
- Choose a layout and font.
- Download the .html file, open it in your browser, copy the signature and paste it into your email signature settings; or copy the HTML code where code is accepted.
Formula
Signature = HTML table · inline CSS only · links for phone (tel:), email (mailto:) and web
Email programs strip style sheets and many modern CSS features, so the signature uses nested tables and inline styles, which Gmail, Outlook (including the Word-based desktop app) and Apple Mail all keep. Every text you type is HTML-escaped, so characters such as & and < cannot break the layout. Links must start with https:// (http:// is accepted), and social links are labelled by their site, for example LinkedIn, X, Instagram or GitHub. Images are linked, not attached or hosted, so they must already be online.
Example
The default details with the “image left, details right” layout give a block with Jordan Lee in bold, “Product Designer · Northwind Studio” in the accent colour #2563eb, a clickable phone number, email and example.com, and “LinkedIn | X” links, with a thin accent line on the left. The plain-text version is seven short lines.
Frequently asked questions
How do I add the signature to Gmail?
Download the .html file and open it in your browser, select everything and copy. In Gmail open Settings, See all settings, General, Signature, create a signature and paste. Pasting the HTML code itself into Gmail shows the code instead of the design.
How do I add it to Outlook?
In Outlook on the web or the new Outlook, open Settings, Mail, Compose and reply, and paste the copied signature into the editor. In classic Outlook desktop use File, Options, Mail, Signatures.
Why doesn’t my logo show?
The image must be publicly online over https, and many email apps hide images until the reader allows them. Keep important details as text, and use a small image (under about 100 KB).
Last updated:
Page address with these inputs: https://kakao.mobile/tools/email-signature-generator/
Cite or embed this tool
kakaoCalc. (2026, November 8). Email Signature Generator. https://kakao.mobile/tools/email-signature-generator/
“Email Signature Generator.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/email-signature-generator/.
Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms