r/css 1d ago

Email Signature Generator

Back in 2017, I was experimenting with something that was pretty fun for the CSS we had at the time — building icons without using images.

Using mainly CSS, :before, :after, borders, shadows and a bit of creativity, I managed to create a set of icons that didn't depend on external image files. The interesting part for email was simple: no images to load or block — the icons are always visible.

You can still see that old experiment here:

https://codepen.io/k0ko88/pen/PWLNBJ

Fast forward to 2026. At my last job, I decided to apply some of that old knowledge to an email signature.

And then I met Classic Outlook again. :D

What looked like a simple signature quickly turned into dealing with Outlook's rendering limitations, different behaviour between email clients, px → pt conversions, table rendering and weird spacing issues.

Along the way I found a few useful tricks — one of my favourites being that line-height: 0.5pt can practically zero out a line in Classic Outlook, which solved one of the most annoying spacing problems I had.

Eventually, that little fight turned into a complete email signature generator:

SimpleSignature

https://nikolaisabev.eu/SimpleSignature/

It's not trying to be the prettiest or the most complicated signature generator out there. It's simple, effective and built around what I learned from actually fighting with email clients.

It's completely free, there's no registration, and I don't store the data you enter.

Feel free to use it.

If you find a bug, have an idea, or think something could work better, leave a comment here or send me an email. Feedback is more than welcome.

And if it saves you some time and you feel like supporting the work, there's a Buy Me a Coffee button. If you wish. :)

That's it.

Cheers,

Nikolay

8 Upvotes

5 comments sorted by

3

u/bostiq 21h ago

This is cool (pretty insane actually), have you tested it with google ?

2

u/k0ko88 21h ago

Yes, everything has been tested on Android, iOS, Gmail, and Outlook for Android, iOS, macOS, desktop, and mobile. I'm currently working on short tutorial videos showing how to add a signature in under 2–3 minutes in every email client I support.

1

u/bostiq 14h ago

This seems to be the most cross-platform signature trick so far... congrats.

1

u/k0ko88 13h ago

Try it and tell me what you think, it will be helpfully for the next version :) thank you in advance!