Written By: Jake Bauer | Posted: 2020-02-28 | Last Updated: 2020-02-28

I got tired of the way my old logo looked so when my website redesign was complete I endeavoured to completely redesign my logo. I wanted a logo that was simple and clean looking but also supported being extended through adding different symbols which represent whichever paritybit site one is visiting. I also wanted it to be simple and clear enough that it could be recognizable at many different sizes which is important for a logo which will also be used as a favicon. A simple logo is also easier to print on mugs and t-shirts ;)

I used Inkscape to create my logo. Inkscape is a cross-platform, FLOSS vector graphics editor which I found to be intuitive to use. It was important that the master copy of my logo be in SVG format so that it can be scaled to many sizes without becoming pixellated.

After some work, trials, and revisions, I arrived at the following base logo design:
The new logo's base design.
Compare that to the old logo:
The old paritybit.ca logo.
I liked the colour scheme from my old logo so I decided to keep that. The yellow circle part of the base design is the spot where I put symbols or emblems to differentiate one paritybit.ca site or service from another. Take a look below at the logos for this website and git.paritybit.ca respectively:
The new logo design for this website.
The new logo design for git.paritybit.ca.

It took me a long time to decide on an appropriate symbol to represent my website as a whole. I tried some designs related to parity bits similar to my old logo but none of them felt right. While doing something completely unrelated, the glider emblem popped into my mind and I immediately felt that it would be the perfect symbol to incorporate into my site’s logo. I feel this “hacker emblem” represents the general values that I want this site to encourage and promote. Particularly, the values of collaboration and openness.

In addition, this logo doesn’t just represent paritybit.ca; I also use the logo with the glider as my profile picture across the Internet. It’s become a personal emblem that represents me and my website.

Luckily, coming up with a design for the git.paritybit.ca logo was much easier. The licensing information of the Git Logo and the place from where I obtained it are all detailed in the README of the paritybit.ca git repository (mirror). The SVG files for these logos are also in the repository under the build/ directory.

Finally, in order to make sure that my logo looked good on every platform, I used a service called Real Favicon Generator which takes a logo and generates the required files, sizes, and formats to make the image appear properly on every platform. This way, my logo will look good in the browser, on the home screen of an Android or iOS phone, and even on a MacBook Pro’s touch bar. I highly recommend this service for checking and generating favicons for every platform. It saved a lot of manual work.

Happy hacking!