Responsive Logos

  • Simple's logo has been designed with "responsiveness" in mind: the more space they have, the more complex their logo is.

    For example on https://www.simple.com/, the logo in the header is simpler that the logo on the credit card.

    They also show the 3 versions they use in a blogpost: https://www.simple.com/blog/simple-branding

  • Is "responsive" the new buzzword for "things that change when you resize them"? I've been seeing it used an awful lot in web design as of the past few years, often rather vaguely as some sort of feature.

  • If one makes the window narrow enough, the logos expand back to their maximal size.

  • That is "The Hobo’s Method" according to Ilya Pukhalski (source: http://www.smashingmagazine.com/2014/03/05/rethinking-respon... ) and I totally agree with him. That is not efficient way, even lazy way of creating responsive logos. The svg for each logo is repetitive and contains each logo variant - simple sprite technique is used and that is completely not innovative. The same effect could be achieved using png image. Only advantage is that svg saves some space.

    It would be much more impressive to see the same parts of logos reused on different variants of logos - "The Man With A Gun’s Method" that is covered in the same article by Ilya Pukhalski.

    For comparison: "The Hobo’s Method" - http://responsivelogos.co.uk/images/logo5.svg and "The Man With A Gun’s Method" - http://pukhalski.com/responsive-icons/responsive2.svg

    Edit:

    It is strange that author publishes (source: http://www.joeharrison.co.uk/projects/responsiveicons ) the information from Smashing Magazine containing the methods of responsive SVG and still uses the poorest method.

  • I find it ironic that the logo for Responsive Logos and the social media icons are not responsive.

  • Never seen "Coke" in that classic font before. Is it new or perhaps particular to the US?

  • I am not a supporter of omitting information because there is less space. I'd rather choose restructuring of the information.

    (I guess there is a reason in the first place to display the information. Simply leaving it out feels very wrong. Or it was already unnecessary.)

  • NIKE loses the "I" when made smaller

  • I'd trade responsive logos for responsive customer service.

  • Not responsive on ipad

  • It seems that the min window width is 256 px~~~ no relation with height \(^o^)/~