(805) 699-5058 [email protected]

Website Logos: Where Graphic and Web Design Meet

Website Logos: Did you know that web designers and graphic designers are living in different worlds?

Usually, graphic designers are designing logos, business and rack cards, letterheads – in short everything for print media. Their tools work with a different resolution than the web colleagues. However, the most important factor they do not have to consider is designing for different formats and devices.

Web designers on the other hand have to deal with rules and regulations like accessibility for people with disabilities, website speed, readability, clarity in layout, easy navigation, etc., etc. They use an entirely different set of tools.

Why is this important?

Because these different paths cross at one crucial point that is part of your brand, your business card, your website: The website logo. The format of the  logo can and will decide the format of your website and vice versa. If you already have decided that you want a typical wide website layout with a menubar of about 100-pixel height, square website logos won’t fit. Similar, if you decided on a left vertical menubar, horizontal website logos will be a no-go.

Also, consider that websites have responsive, mobile versions where the header often just consists of the website logo and the three lines “Burger Menu”.

But wait there’s more

The colors of the logo can and will determine the color scheme of the website. In 2021, website colors are ruled by readability for people with disabilities (aka accessibility): there is a minimum contrast requirement that needs to be matched otherwise color-blind visitors will have trouble reading. Potentially, the website owner runs into the trouble of accessibility lawsuits.

Website Logos and Font Choice

Did I mention that web designers and graphic designers are living in different worlds? Font choices are a part of that. While graphic designers usually rely on Adobe/Typekit fonts and/or custom fonts that might have to be purchased, web designers commonly rely on the vast library of free Google Fonts. Google Fonts can easily implemented in web projects, they actually dominate website design since quite a while. However, to use Adobe fonts, a subscription to Adobe Creative Cloud is required.

Although Adobe and other custom fonts can also be implemented, they often have to rely on additional steps, affecting the website speed. As readability has become a major focus for web developers, they might disagree with the font choice of a graphic designer.

Conclusion

Gone are the days where you just had website logos made by someone and gave it to your web developer. Any decision by a graphic designer can have major effects on a web project. Any decision of a web designer regarding website logos can affect the work of a graphic designer.
Our suggestion: keep in mind that they need to talk with each other. The outcome will be much better.

Website Logos: Horizontal Navigation

Horizontal Navigation bars require rectangular logos

Website Logos: Vertical Navigation

Vertical Navigation bars require square-ish logos