The HTML5 Logo: What Do You Think?

Advertisement

This has been an interesting week for the web design community, to say the least. The W3C revealed a new HTML5 logo to help designers and developers ‘tell the world’ that they’re using HTML5. The logo was designed by Ocupop design agency, and it’s licensed under Creative Commons Attribution 3.0, a permissive license that allows ‘remixing’ of the licensed work. The logo has been made available on stickers and t-shirts, and there’s a gallery already promoting examples of the logo in use.

HTML5 Logo

The logo’s official site includes a “badge builder” that customizes its orientation and allows you to add supplementary icons to indicate support for the different technologies that have become associated with HTML5.

Various examples of the new HTML5 Logo

According to the W3C Blog, the purpose of the logo is as follows:

We intend for it to be an all-purpose banner for HTML5, CSS, SVG, WOFF, and other technologies that constitute an open web platform. The logo does not have a specific meaning; it is not meant to imply conformance or validity, for example. The logo represents “the Web platform” in a very general sense.

That all-encompassing definition has met with some opposition from Jeremy Keith. According to Keith, while he does approve of the logo’s design, he disagrees with the blurring of the lines that separate the web technologies that the logo is supposed to represent. Keith doesn’t have a problem with the media using the term “HTML5″ to cover this broad area, but he feels it’s not appropriate to push this kind of terminology in the web development industry.

In support of the definition, Ocupop Creative Director Michael Nieling said in a statement that “HTML5 needs a consistent, standardized visual vocabulary to serve as a framework for conversations, presentations, and explanations.”

Keith’s concerns are valid. The logo will certainly strengthen the awareness of HTML5 (which is something we all want), but it’s difficult to accept that something like WOFF, which is a web font format and has nothing to do with the HTML5 spec, will fall under the “HTML5″ umbrella. Similarly, CSS3 does not belong in that scope. But interestingly, you’ll notice in that quote from the W3C blog post that the “all-purpose banner” includes “CSS” — so it’s not just the new stuff in CSS3, it’s all of CSS. I can’t see many people being too happy about this.

And if that wasn’t enough, before the web design community had a chance to exhale, the WHATWG Blog published a post entitled “HTML is the new HTML5″, announcing two changes: (1) The HTML specification will be known simply as “HTML” (dropping the “5”); and (2) The spec will be considered a “living standard”, not just a draft, dropping use of the “snapshot” model of development.

What Do You Think?

This article doesn’t intend to offer too much of an opinion on these matters, as it’s still early. But we know many in the industry want to voice their thoughts, so we’re encouraging you to offer your comments on the logo, its stated purpose, and the further developments on the term “HTML5” announced on the WHATWG blog. It certainly has been an important week in web development, so we’d love to get your thoughts on all of this.

UPDATE Jan. 25/2011:

Evidently, late last week, just before this article was published, the FAQ was updated, in response to the furor:

Now its meaning excludes the non-HTML5 technologies, leaving those for the supplementary icons. The FAQ says:

This logo represents HTML5, the cornerstone for modern Web applications.

Louis Lazaris is a freelance web developer based in Toronto, Canada. He blogs about front-end code on Impressive Webs and is a co-author of HTML5 and CSS3 for the Real World, published by SitePoint. You can follow Louis on Twitter or contact him through his website.

  1. 201

    BUAHAHA… for your information, the HTML 5 logo is not far away with Krakatau Steel Logo… here is the link : http://www.seeklogo.com/images/K/Krakatau_Steel-logo-93D6C69CC8-seeklogo.com.gif

    OMG!!! the “S” letter has got his brother now ^^

    for further information, you can the website here : krakatausteel.com/

    -3
  2. 202

    Does it not remind anyone else of that thing from Tron or South Park?
    http://images.cheezburger.com/completestore/2009/6/23/128902710782743773.jpg

    Can’t be the only one surely

    -1
  3. 203

    Reminds me of Transformers…

    -1
  4. 204

    this is shield x)

    0

  1. 1

    Well I’m going to get flamed for having an honest response rather than the usual kissassery that goes on in here, but…

    What do I think? I think “Why the hell does HTML 5 need a logo?!” … I mean it looks professionally done… but it’s incredibly stupid that anyone thinks HTML5 would need a logo. HTML5 isn’t a brand, or a company, or a technology that requires ready identification so people know it’s there (like WiFi or Bluetooth). People don’t give a crap or even need to know that something is HTML5 or not, or even if it’s HTML5 compliant.

    This is as stupid as creating an icon for “Little Endian” or “HTTP” or “English” or “Cows”. Also things that people don’t need icons for.

    Outside of that. The icon itself says nothing about HTML. It looks like a shield. Is HTML5 somehow safer than XHTML? No. The shield doesn’t make any sense.

    The W3C is antiquated and ridiculous. This logo is another attempt for them to justify their existence. All major browser brands have been adhering to whatever standards they please, generally improving upon their predecessors and adopting standards that make themselves function well with current content. If the W3C went out of existence, HTML would sally forth undeterred.

    +76
  2. 2

    To be honest, when we ever *need* this? To show that we used HTML5? Users don’t need to know that, they just want to use your site. I may be a tad pessimistic but I really just think it’s some sort of publicity stunt, not too sure why though. I’ll admit it is nice, but …pointless?

    +24
  3. 3

    To promote the usage of HTML5 is surely a good idea. But ask five designers what they think about a new logo, and you will get five very different answers… as I am a designer myself, I think the logo itself is quite well done («Is it a bird? Is it a plane? No, it’s Superm… no wait, it’s HTML5!»). The small badges that can be placed besides the logo are on the other hand just adding visual clutter, because they are too abstract and do not self-explain their meaning.

    +19
  4. 4

    This logo reminds me The Transformers !

    +15
  5. 5

    don’t fear it will be ignored, it most certainly WILL be ignored for 2 reasons you stated:

    1) only geeks care
    2) version numbers just got dropped from the spec.

    This logo was a complete waste of time.

    And anyone that puts an HTML5 logo on a client’s site is doing the client a branding disservice.

    +10
  6. 6

    The people who released the logo with the “5″ (the W3C) are not the same people who dropped the “5″ from the name (WHATWG).

    The better questions are:

    1) Did the W3C know that WHATWG were planning to drop the 5 from the name in the spec?

    2) Did WHATWG know that the W3C were planning to release a logo with a prominent “5″ in it?

    If neither knew what the other was up to, then that doesn’t say a whole lot about the people planning the future of the web.

    +10
  7. 7

    It’s just like those “valid HTML” or “valid CSS” badges that the W3C encouraged us to use in the past. But seriously, who puts that on his page? It’s background information that the user shoudn’t see. It’s like making a movie and showing the film crew in every frame.

    +10
  8. 8

    i think who is creat this logo, very love your site. it’s very look like your logo alot

    +8
  9. 9

    It’s nice but what’s it’s purpose exactly? To put on html5 tutorial sites is the only thing i can think of.

    I don’t get the random grey icons, they absolutely mean nothing to me and i can’t tell what most of them are supposed to be.

    Three stripes means you’re a sergeant but what does that have to do with web development and a cog for settings? Bad designing there.

    +7
  10. 10

    I’d rather had seen them working on finalising it.

    +6
  11. 11

    plain awful

    +6
  12. 12

    I dont care, I will never use this logo anyway, ever!

    +5
  13. 13

    is a logo like this relevant for anyone except web developers? Sure, we can use it on sites but if the user doesn’t know or care what it means, what’s the point?

    see also: “made on a mac”, “optimized for IE” etc.

    +5
  14. 14

    MOHAMMED NABEEL

    January 22nd, 2011 1:55 am

    TRANSFORMERS 100%

    +5
  15. 15

    Visually, the logo seems OK to me. Clean-cut, bold, modern, serves it purpose. But I have a few problems with all this logo fuss.

    Having an HTML5 logo will help to increase standards-awareness, which is in itself good. But I’m worried about all those small sub-badges: no one except web nerds will know what they mean, so I fear they’ll be regarded as either 1) clutter to be ignored, or 2) whoever has most has the best site. Neither option is appealing. And why is that vertical version so different from the horizontal one?

    Beside that, first having the logo to hype HTML5 and then dropping the “5″ from the spec is just silly.

    P.S. the WHATWG may call HTML an evolving standard but the W3C will likely stick to having milestones / snapshots / stable versions of it.

    +5
  16. 16

    Kind of Smashing Magazine logotype style. ;)

    +5
  17. 17

    I agree with ‘awful.’

    The ’5′ looks too much like an ‘S’.

    +4
  18. 18

    I can completely agree. This is about as useless as washing my car with dirt.

    Either way, it’s a professional logo except for it’s downward scalability.

    +4
  19. 19

    i don’t like it. it’s like an antivirus logo. it seems to defend something wich has a negative connotation to it, instead of being open and welcoming and user friendly. the styling is ok i guess but it just doesn’t fit with the product it represents.

    +4
  20. 20

    I don’t understand why HTML need a logo…

    +4
  21. 21

    Agreed – logo is awesome :-D

    I think the icons doesn’t work well in smaller sizes though.

    +4
  22. 22

    overall i like the logo and what i appreciate the most is its not done in a web 2.0 style. the quote “The logo does not have a specific meaning; it is not meant to imply conformance or validity, for example.” i have a problem with; if you wanted to communicate nothing or nothing particular when why not just go with “HTML5″ in helvetica black/white?

    a shield translates to “strength” or “protection”, its a masculine shape. it combined with orange especially demands attention and can seem as a symbol of warning or danger. orange is a bold color. it may be the biggest attention-whore of any hue, meaning no matter where you place it or how small, your eye will find it and the problem is that it can become an annoying distraction.

    +3
  23. 23

    Looks like a shield to me.

    +3
  24. 24

    Did this guy get down-voted four times because he misspelled “gonna”, or because he’s Indian? The down-votes don’t make any sense.

    Good job, SM fans! Way to be welcoming!

    Don’t worry man, it’s typical for these comment sections.

    +3
  25. 25

    Plain aweful, sorry to say it.

    The 5 looks like an S, as a badge it is hard to understand for non-webdesigners, and the other small badges are images which meanings you’d have to learn.

    For the purpose of communicating the use of html 5 it is – in this form – only understandable to webdesigners.

    +3
  26. 26

    well i think is awsome logo :) +1 for new development CSS3 & HTML 5

    +3
  27. 27

    Gonzo the Great

    January 22nd, 2011 6:09 am

    I love the logo, being a logo designer, but I think it’s pointless to show this on a website. Why?

    First of all, the audience that knows the meaning of this logo will probably only be the designers and developers of websites. Joe the Client isn’t interested in this and that should always be the target-group of designers and developers to make sites for!

    Second, HTML5 is not being supported by all the existing webbrowsers (the big 5), and I think it’s looking strange to put a HTML5 logo on your site, when still 30% of all users of internet use IE (see: http://www.w3schools.com/browsers/browsers_stats.asp). To be honest it’s quite ridiculous to see a HTML5 logo when a site doesn’t work as intended or doesn’t work at all. For IE-users the logo could easily get a new meaning: ‘ban this site’, cause I can’t watch it properly!

    And third point is that we’re going back to the ’90 with the (generally thought – read an earlier article here on Smashingmag) stupid labels like ‘best viewed on IE’ or other non-browser-compatibility thingies.

    So no, although I love the logo, I think web designers and developers should stick to making web sites accessible .. and let’s face it: HTML5 still isn’t working on all browsers.

    In short, this logo means that the designer or developer was too lazy to make the site accessible in ALL browsers!

    Cheers & Ciao ..

    +3
  28. 28

    I dont get the point. Why does an HTML need a logo?

    +3
  29. 29

    Whilst I do think the logo is well designed, I am not sure of the purpose of it, did previous HTML versions have their own logo? Will people put a badge of it on their website? I’m not so sure. It just seems a bit unnecessary in my honest opinion.

    +3
  30. 30

    yeah I totally thought: “TRANSFORMERS. more than meets the eye.”

    maybe that’s what they’re going for? “HTML 5. more than meets the eye?”

    +2

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top