By Frances Collins
  1. Home
  2. Insights
  3. Article

What is a responsive logo?

A responsive logo is the term given to a primary logo that exists in several, slightly different and easily scalable variations. The need for flexible/ responsive logo design has grown with the demands of a digital environment. Along with a full brand name used for print, a logo also requires a simplified, short-form version. Often a minimal responsive logo is the first letter of the brand name or its mark/symbol in isolation. A successful responsive logo must still be recognisable even at the top of your browser - as a tiny 16 x 16 pixel favicon.

Unpacking the definition

Easily scalable variations

A responsive logo takes the elements of the main logo and adapts them for different sizes. As much as anything its to ensure the text is always legible. Take the example below, when the main Heineken logo is reduced to the size of a favicon, none of the text is readable.

Why there is a need for responsive logos
Responsive logos are ideal for viewing on a phone.

The demands of a digital environment

Scalable logos come into their own on the web. A website has seconds to communicate its main message – 15 seconds in fact – so arguably you want to use that time to communicate what your business does, rather than what your logo looks like. A logo that takes up less space can then only be a good thing, leaving more space for the main message!

The mark/ symbol within a responsive logo

A mark needs to have the same brand feel as the logo as a whole. If the logo already has an mark of its own (think Airbnb, Nike, Chanel) then working out what the logo looks like scaled down will be fairly easy. If you have a type based logo, then retaining the brand feel whilst reducing the logo size maybe a tricker ask.

Responsive logo suitable for a bottle top.
Responsive logo, a larger scale logo on a sign.



Photos from Live action group and Marketing week

Step up Flexible Branding
Despite the above many would argue that branding was much more straight forward 20 or so years ago. Printing methods were relatively simple and the all encompassing digital world had…
Jo Wdowiak - 23/01/2017
Why Flexible is the Future
Today a brand needs to work seamlessly across platforms & devices. It’s expected to adapt fluidly regardless of screen size; and transition smoothly from online to off. is a…
Jo Wdowiak - 27/07/2017
How does tone of voice help my brand?
As such, the tone of voice you use should match and support the rest of your brand.  Let’s imagine that your business sells shoes – here are three very different…
Michelle Barnett - 20/08/2017
Do I need a logo or a brand?
But often it’s not really the logo that sticks in our minds, but the brand. This is something bigger. What is a brand? A brand is essentially the name and…
Michelle Barnett - 23/01/2017

Get in Touch.