What do you guys think of our logo?

Comments

• ztec Member

  July 2014

  I wouldn't change the original. It's good. Logos are for recognition and this logo is easy to recognize. It's not about technical perfection.
• sleddog Member

  July 2014

  n1kko said: Although you need to change to this so you logo fits correct

  .logo{

  background:url(../images/logo_blue.png) no-repeat center; /* Change logo image */
  height: 120px;
  width: 375px;
  }

  That would break the responsive design for small screen...

  But it certainly needs fixing at the moment - logo is clipped left and right
• Steven_F Member

  July 2014

  @sleddog said:
  But it certainly needs fixing at the moment - logo is clipped left and right

  Could you show me what you mean?
• mywisp Member

  July 2014

  The logo looks really good.
• n1kko Member

  July 2014 edited July 2014

  @sleddog said:
  That would break the responsive design for small screen...

  Sorry never thought of that, see you've fixed it anyway
• wumao Member

  July 2014

  It looks very good.
• sleddog Member

  July 2014

  Steven_F said: Could you show me what you mean?

  http://imgur.com/XT2KXPa

  Renders the same in Firefox 30 and Chromium 35 on Debian.
• Steven_F Member

  July 2014

  Odd. I'll look into it when I get home.
• sleddog Member

  July 2014 edited July 2014

  Personally I'd place the logo as an img tag instead of a background (it's content not merely a decorative image), and do something like this...

  .logo {
       width: 90%;
       height: auto;
       max-width: 375px;
  }
  .logo img {
      width: 100%;
      height: auto;
  }
  @media (max-width: 980px) {
      .logo {
          margin: 0 auto;
      }
  }
  
  [div class="logo"]
  [img src="/images/logo_blue.png" width="375" height="122" border="0" alt="BoltVM Logo" /]
  [/div]
  

  Square brackets to prevent rendering here
• Steven_F Member

  July 2014

  @sleddog said:
  Personally I'd place the logo as an img tag instead of a background (it's content not merely a decorative image), and do something like this...

  > .logo {
  >    width: 90%;
  >    height: auto;
  >    max-width: 375px;
  > }
  > .logo img {
  >   width: 100%;
  >   height: auto;
  > }
  > media (max-width: 980px) {
  >   .logo {
  >       margin: 0 auto;
  >   }
  > }
  > 
  > [div class="logo"]
  > [img src="/images/logo_blue.png" width="375" height="122" border="0" alt="BoltVM Logo" /]
  > [/div]
  > 

  Square brackets to prevent rendering here

  I'll take a look into this, thanks!
• drazilox Member

  July 2014

  Or background-size: contain; not sure about the browser support tho.