An email signature generator that turns a handful of fields into a polished, copy-ready
HTML email signature. It is for anyone who wants their outgoing mail to look consistent
and professional: freelancers, founders, sales and support teams, and anyone tired of the
default Sent from my iPhone line. You fill in your name, role, company and contact details,
choose one of four layouts, set an accent colour and font, optionally add a headshot, social
icons and a call-to-action button — and the tool builds the markup for you in real time.
How it works
Email clients are notoriously hostile to modern CSS. Gmail, Outlook and Apple Mail strip out flexbox, grid and most external stylesheets, which is why so many signatures break when pasted. This generator sidesteps that entirely by emitting nested HTML tables with inline styles — the one layout technique that survives across desktop and mobile clients. Every colour, font and spacing value is written directly onto each element rather than relying on a stylesheet.
The social icons are generated as tiny inline SVGs encoded as data: URIs, so they display
even when a client blocks remote images, and your uploaded photo is resized and embedded inline
as a base64 image so it travels with the signature instead of pointing at a hosted file that
might disappear. When you click copy, the tool writes both a text/html and a text/plain
version to your clipboard, so pasting into a rich editor keeps the design while plain-text
replies still get readable contact details. Your draft is saved to local storage on your own
device, and nothing ever leaves the browser.
Example
Say you are Jordan Avery, Head of Partnerships at Northwind Studio. You type your name, title and company, set the accent colour to your brand blue, upload a headshot, and add a LinkedIn and an X link as icons. You switch the template to Card, which wraps everything in a bordered box with a coloured top bar, then add a Book a call button linking to your scheduling page. The preview updates instantly. One click on Copy signature, a paste into Gmail’s signature box, and your next email goes out with a clickable phone number, mailto link, website, two social icons and a call-to-action — all rendering identically for the recipient.
| Layout | Best for |
|---|---|
| Stacked | Classic photo-left signature with a coloured divider |
| Vertical | Centred single column, good for narrow mobile preview |
| Minimal | Text-only with an accent bar, fastest to load |
| Card | Bordered card with a brand accent bar, most polished |
Everything is calculated in your browser — no details, photos or markup are ever uploaded.