What the generator produces
The signature is a table with inline styles, which is the markup email clients handle most predictably. Many of them strip or ignore <style> blocks and external stylesheets, so everything is written directly onto the elements: Arial, Helvetica, 13 or 14 px text, dark grey body color and your accent color for the title line and links. Three layouts are available, all built from your fields: Classic (name, a title and company line, contacts and a coloured left rule), Compact (everything on one line, separated by dots) and Modern (a circle with your initial beside the details). Blank fields are left out. The email is turned into a mailto: link, websites and social URLs get https:// added if missing, and the three social links appear as "LinkedIn", "X" and "GitHub". The phone number is plain text, not a tap-to-call link. All entered text is HTML-escaped, and an accent value that is not a valid hex color falls back to the default amber.
Where signatures break
| Client | What to watch for |
|---|---|
| Gmail (web) | Paste into the signature box under Settings. Basic inline styling usually survives, but check by sending yourself a test, since the editor may normalise some formatting. |
| Outlook for Windows (desktop) | Rendering uses the Word engine, which ignores some CSS such as border-radius. The Modern layout's initial badge is a table cell with a solid background, so it still shows your accent color but appears as a square instead of a circle there. Classic and Compact have no such difference. |
| Outlook on the web, Apple Mail | Generally follow the preview closely. |
| Dark mode | Some clients recolor text or backgrounds automatically. The signature sets text colors but no background, so check it against both a light and a dark message. |
Images and logos
This generator makes text-only signatures, which is the most reliable kind. If you add a photo or logo in your mail client afterwards, remember that an image in an email is only a link to a file. It must be hosted at a public https:// address, and recipients' clients may block remote images until they click "show images", so never put essential details (such as a phone number) only inside a picture. Keep images small, give them an alt description, and avoid embedding them as base64 data, which many clients drop.
Copying it in
The "Copy signature" button writes both an HTML and a plain-text version to the clipboard where the browser allows it, so pasting into a rich-text signature editor keeps the layout. If the browser does not support that, the HTML source is copied as text instead, and you can paste it into a client option that accepts raw HTML. A signature in a plain-text email shows only the plain version: name, title, phone, email, website and the social URLs, with https:// added to any link that lacks it so each one is clickable.
For a scannable contact card to put on a printed signature or slide, see the vCard QR code generator, or the QR code generator for a plain link.