Favicons and Logos

A selection of memorable logos

Your logo tells a story about your business in a single graphic. The colours, fonts, and symbols that you choose express your values in a concise way.

If your logo is truly distinctive and your brand is very well-known, it may be recognizable on its own without your company name.

[graphic] A selection of company logos for well-known brands

How many of these logos did you recognize? I recognized 27 out of 32. Some of them are for companies that don’t operate in Canada, and I still recognized them.

Design principles for logos

It should express your values – the idea behind the Carnelian logo is that we produce quality websites and products.

It should be scalable – it should look great at any resolution.

It should be memorable – the brain retains visual images better than text.

It should be balanced – one side should not draw more attention than the other.

It helps if your logo is the same length and width, so that they fit neatly into a logo-wall on someone’s website, a favicon, or a social media avatar or profile photo.

You should have a version that will work well on a light background, and a version that will work well on a dark background.

Favicons

A favicon is a small icon that appears on your browser tab, helping visitors who have multiple tabs open on their website to find your website after they switch to a different tab.

If you only have a few tabs open, you can see the icon and the page title:

If you have multiple tabs open, you can only see the favicon, so it really helps your website to stand out:

Avatars (profile pictures)

Most avatars are circular (e.g. on Instagram, Threads, Facebook, TikTok, etc.) so your logo needs to fit neatly into a circle.

Screenshot of Carnelian Web Services' Instagram profile, showing how the logo fits neatly into a circle.

Enjoyed this post? Please share

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Blog Homepage

Subscribe to our newsletter

More posts

Tag cloud

2SLGBTQIA accessibility Agile AI blogging campaign content content writing CSS customizations DEI design diversity editing equity formatting gender hero hosting inclusion Indigenous Indigenous History Month internationalization JEDI justice landing pages LGBTQ localization marketing Pride product Scrum search engine optimization SEO templates UI usability user experience user interface design UX web design web development web services Wix WordPress