Design Help Center

Rock-solid branding & logo advice from our studio.

A series of Design Help tips, suggestions & practical advice assembled by designers in our studio. For more help features check out the Buyer’s Branding Tips category on our blog.

Your Logo On The Web

Designing logos for use on website & blog headers

While the most effective aspect ratio for any logo is certainly open for debate, developing a horizontal logo seems to be preferable when it comes to blog and website header usage. This isn’t a logo commandment or anything, but square logos can can lost in the top left corner of a typical web page header.

As if to illustrate that this isn’t carved in stone, The Logo Factory® web header logo is both square and on the right hand side (no more.) We don’t think it looks too bad either. Accordingly, square logos can be used quite effectively (as long as the web header is designed around them). On the other hand, their vertical cousins can practically disappear. Let’s take a look at some typical logo aspect ratios:

website logos aspect ratios
Now let’s place those rudimentary logo shapes into some basic website and blog header layouts to compare effectiveness. Keep in mind that we’ve exaggerated things to make a point, but it should give you a basic idea of how thing play out.

Logos used on website headers

When we add everything up, a horizontal format is definitely more appropriate for website and blog use than a square one. For all intents and purposes, and unless we employ some pretty radical website styling, any extremely vertical design is out completely. Why go to the trouble to point out this deceptively simple premise? There probably isn’t a graphic designer working today, at least those with a few years of experience under their belt, who hasn’t had to deal with a variation of the “make my logo bigger” scenario – explaining to a client why their logo is so small when it’s featured on their blog or website header.

Well, that’s why.

The best type of logo?

When it comes to using a logo on a website or blog header (and incorporating this precursory knowledge into the design process itself) which is a better aspect ratio: square or horizontal? Alas, there’s no dyed-in-the-wool solution, and neither overshadows the other entirely (when designing logos for social media for example, it’s strongly suggested that a square format is best.)

Removable icons and fluid logos.

The most complete answer is that anyone that’s serious about social media, websites and blogs, probably needs a little bit of both – square and horizontal. It’s always been advisable that if your designer is incorporating pictorial imagery into a logo – an icon let’s say – that it should be able to be used on its own, and disconnected from the text portion of the logo. As long as that icon is squarish, we should be good. Granted, that’s not always possible, so designers and clients need to be a little more fluid in adapting their logos to different uses through a little ‘tweaking’ here and there.

Discard the extraneous stuff.

Here’s a bonus tip. When you’re using your logo smallish on a blog or website header, forget about the TM or ® marks that you usually use. They’re not necessary all the time anyway, and at those sizes, they’re illegible and look like image artifacts rather than text. Take a look at our logo top left – the little R in a circle that we usually use, isn’t there. Doesn’t mean our logo is any less of of registered trademark. And it looks cleaner.

SD

Creative Director

Want to get started on your new logo?

Submit your project online - our designers are ready to help!

Order Now