![](https://i0.wp.com/www.dijonmarketing.com/wp-content/uploads/gray-alphabet-cutout-decor-1058100-scaled.jpg?resize=730%2C350&ssl=1)
Responsive Logo Design
You hear a lot in web design about responsive websites. A responsive website responds to the size of the screen viewing it. It may shift elements, change sizes of text or images, or drop elements completely from smaller phones.
What if you could do the same thing with a responsive logo?
Let’s take an example of Dijon Marketing. If I designed a letterhead or desktop graphic, I might be able to accommodate a very wide aspect ratio.
![](https://i1.wp.com/www.dijonmarketing.com/wp-content/uploads/dijon-marketing-stretch-logo.png?fit=1024%2C110&ssl=1)
But as my screen gets smaller, if all I do is make the logo proportionally smaller, it can get harder and harder to distinguish. If you haven’t really considered web applications when originally designing your logo, it can be problematic.
![](https://i0.wp.com/www.dijonmarketing.com/wp-content/uploads/dijon-marketing-stretch-logo.png?resize=256%2C28&ssl=1)
![](https://i0.wp.com/www.dijonmarketing.com/wp-content/uploads/dijon-marketing-stretch-logo.png?resize=64%2C7&ssl=1)
In a responsive logo, much like a responsive website, elements of the logo can move, change size, or disappear altogether. Here’s a better way of displaying the logo on medium and small-width screens:
![](https://i1.wp.com/www.dijonmarketing.com/wp-content/uploads/dijon-marketing-stacked-logo.png?fit=1024%2C308&ssl=1)
![](https://i0.wp.com/www.dijonmarketing.com/wp-content/uploads/dijon-marketing-icon.png?resize=72%2C71&ssl=1)
The brand is still recognizable, but the most identifiable elements stay front and center – and big enough to see!
It’s not too late to reconsider the implementation of your logo to add responsive elements to the display. A quickly recognizable brand means your users or followers will instantly recognize you from web to social platforms.