How to make a professional email signature

Jake McCambley
2 min readJul 8, 2021

I finally got around to setting up an Email Signature for sending professional emails. I used this free tool to get started with a template. The tool has a few nice templates that users can play around with right out of the box. Adjusting colors and fonts to fit your brand is pretty straightforward.

Photo by Stephen Phillips - Hostreviews.co.uk on Unsplash

I set up general styling using the “Bease Fox” template, then copy and pasted the work in progress to my email client’s signature editor. In Gmail, this is accessed by hitting the ⚙️ icon ➡️ “See All Settings” ➡️ “General” settings ➡️ “Signature”. You can paste the work in progress in the text area and continue editing from there.

I didn’t like the template icons, and didn’t feel that there were enough options to use out of the box. I went to Tabler Icons to get the icons seen in the screenshot. I like this resource because of how it enables you to edit the size, stroke, and color of SVG’s before handing you the source code. Copy the source code by clicking on your icon of choice then paste that code in a new SVG file on your machine.

Unfortunately, Gmail doesn’t play nice with SVG’s, so I went through and converted all the SVG’s to PNG’s using this resource.

The icons link to my Github, LinkedIn, Twitter, Medium, a Calendly meeting invite, and my resume… because why not. The options are endless when you use your own icons.

Here’s the final product:

My email signature

Note: The logo imported using the template generator wouldn’t appear on emails I was sending (to myself over and over). I think this is because the image was sourced via a URL rather than a direct upload. I uploaded it directly using the Gmail interface and that solved the problem.

--

--

Jake McCambley

Learning to code by teaching others — Living at the cross section of tech, music, and the outdoors — Currently studying Web Development at Practicum by Yandex.