Dark mode ready signatures
Jan Moravec avatar
Written by Jan Moravec
Updated over a week ago

Dark mode email browsing has been steadily gaining popularity among users across all popular platforms and clients. If you adhere to the following rules, you won't have to worry about any issues.

Transparent background pictures

If you use pictures with background, make sure it is transparent. An image that looks well on white background might actually look inappropriately on dark background. If you're not sure how to be certain the images are properly formatted, you can contact us to examine your signature.

Here's an example of what can go wrong even if you use a transparent logo. In cases like these, we recommend picking a different logo variation.

A properly designed logo will still be readable even with a dark background:

Another way to help the readability is to have a version of the logo with a thin white outline.

Inverted colors

There are currently several options email clients approach dark mode. Some of them simply switch white background for black without modifying the rest of the email. Others invert the font colors to suit the background better (darker colors become lighter and vice versa.)

You can modify the link design if you follow the advice in a dedicated article. As you can see on the image above, standard format looks acceptable when inverted, using custom formatting has some risks. If you want to learn what color will your inverted link be, you can check this simple website to see what will be the result if the colors get inverted. 

You also have to keep in mind inverted colors if you use background color in your images. Below is an example how the signature can pan out.

Inverted colors in images

Possibly the most confusing part about inverting colors involves images that are a part of your signature. Not every image will be inverted and it depends on the color palette used. If you insert your profile picture in full colors into the signature, it will not be inverted. However, simple two-color social media icons can be inverted by some clients as well as some black and white photos. This might affect even your company logo if you use only a few simple colors.

As you can see in the image of the default social media icons from SignatureSatori editor, the appearance can vary drastically if the recipient has Dark mode enabled.

The best way to make sure that everything looks fine is to test the signature yourself. If you don't have the option, please let us know at support@signaturesatori.com, we will be happy to help you.

Summary

  • Use transparent background images only

  • Font colors may be inverted

  • Simple images may have their colors inverted

  • If you are uncertain about anything, contact us!

Did this answer your question?