The Visual Identity of Firefox…What’s Right & What’s Wrong
Firefox logos are abundant on the Internet but how many of them are actually correct? Some of them are obvious that they are not trying to go along with the standard Firefox icon, but I think you might be surprised at the strict details that Mozilla has in place for distributing their logo. First lets look at what the correct logos look like:
Just the logo with both a white or black background:
The logo with side text:
Now lets look at some of the ones that are not correct and what’s wrong with them, actually, we should make a game out of it. I’ll list the different logos (numbered 1 to 9) and you make a list of what’s wrong with each. Come on, you have done things like this as a kid. 
To reveal what is wrong either hover your mouse over the image or scroll down to the bottom where I have listed the answers with the corresponding numbers.
Here are the answers for what’s wrong with each of the above images:
- Strong colored background (duh!)
- Incomplete logo (it’s gotta have a globe!)
- Non-standard orientation and sizing of logo/text
- Incorrect logo/text size ratio and position
- Missing the shadow (this one was a bit tricky)
- Incorrect font color
- Incorrect font face
- Strong pattered background (you should have learned your lessen from the first image)
- Incorrect colors
I hope you had some fun with that and even I’ll admit that I couldn’t figure out number 5 without looking at the answer. Be honest…did you figure them all out without cheating?
Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!
Related Posts:
- Firefox 2 Visual Refresh Coming Very Soon
- Everything You Read About Fold.com Is Wrong
- Firefox 2.0 Visual Refresh Pictures
- Sprint’s Samsung Instinct Getting Visual Voicemail
- Mozilla Changes Search Box In Firefox 2.0
Wow, that’s kind of… stupid. I understand protecting their trademark, but is it really needed to be so strict?
Well, I don’t think they will really attack someone that portrays their logo incorrectly, but to keep things official they need to have some guidelines. That way if someone whips up a fake logo and claim it to be official…Mozilla can come back and say why it is not accurate.
Just saw [grammarhell.com] taking Gizmodo to task for a spelling mistake
Man, we are normally pretty good about catching mistakes when we proofread…but it looks like one slipped through the cracks.
Great! Now we know how to spot the spoofs!
Anyway I just thought I’d point out that hovering your mouse over an image and making an explanatory text show up is not made through standard by the “alt” tag. The alt tag is for when an image fails to load for whatever reason. The correct usage is the “title” tag, which is what browsers need which do not compromise the standard.
Sincerely,
spoof
I thought I had used the Title tag but it appears you are right. I went ahead and switched it out so it should work fine now. Thanks for bringing that to my attention.