What do you guys think of our logo?

ztec

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

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

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

Could you show me what you mean?

mywisp

The logo looks really good.

n1kko

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

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

wumao

It looks very good.

sleddog

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

Odd. I'll look into it when I get home.

sleddog

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

@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

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