WebAssembly logo #112
Comments
|
That's a neat metaphor. FWIW I always liked the Borland C++ logo, which On Wed, Jun 3, 2015 at 10:34 PM, JF Bastien notifications@github.com
|
|
@BrendanEich also mentioned that he like the superheroes assembling vibe, Avengers style. |
|
Yes, my nit aside, I overall like arrows pointing together. Building blocks is an interesting idea; I'd be interested if anyone had a concept that matched the HTML5 technology class icon style. |
|
Petr Hosek originally came up with the following: @davidsehr pointed out a horrible flaw in that logo. I like the arrows, but we should definitely avoid inadvertently creating a historically-insensitive logos! The HTML5 technology class icon idea is still good, though! |
|
I talked to some folks here, and they suggest that we hold off having any logo until first launch. That'll allow us to concentrate on tech instead, and let us take time to actually create a logo which is though-out and doesn't have inadvertent meanings! |
|
@lukewagner Well, it's version 1.0 (somewhen) and it's abbreviation is WASM. Also, green is not used so far by the typical HTML5 technology icons AFAIK. EDIT: Licensed under (CC BY 3.0) and based on the HTML 5 Logo EDIT: Will provide a SVG version with less pixel errors when I have time :p. |
|
@Teemperor we can't accept a logo without you being in the W3C community group, and with proper copyright attribution. It's also too early to get a logo for now :) |
|
@jfbastien I'm already in the W3C community. The logo has to be licensed under the original CC license of the HTML5 logo because it's obviously just the remixed HTML 5 logo. |
|
Another design based on the arrows pointing together (for WebAssembly): Licensed under (CC BY 3.0), created by Raphael Isemann. And I think a logo that will be changed later is better than no logo at all :) |
|
|
|
Here are my 3 mins shots.
|
|
👍 |
|
What about the WA Zigzag
|
|
@Namozag I like it! |
|
(looks like attachments don't work via email...) An play on the zigzag idea:
Playing with negative space:
—fred
|
|
@fstark can't see them. |
|
Looks like you can't attach images via email, so I added them to the original comment. Do they appear inline ? |
|
Nope |
|
Let me try again with a smaller resolution. Image 1 (Variation on Zigzag) Image 2 (Negative Space) |
|
I think it may be confusing to use a WA-logo, because Whatsapp is abbreviated as WA too. |
|
Really creative work by everyone here. Agree on avoiding WhatsApp overlap; also the // from "Clueless" for "whatEVER" ;-). /be |
|
I don't really understand the concern with Whatsapp, as their logo looks like this Also, the full name is WebAssembly, not wasm nor wa, so I am not sure where the confusion would come from. It isn't like if people would start using wa as the name. It is just some random scribbles on a logo. Reusing the shield idea of @Teemperor (maybe not green, to avoid WA connotations) with some scribbling could give WebAssembly a recognizable look directly connected to HTML5. Mmm. May try that later. |
|
I agree that you should hold off on a logo. In fact I'm not convinced it even need to have one. However, I do like thinking up logos and I like some of the designs I've seen here. If there is a logo I think it should use the full name (WebAssembly) or the shortened version (wasm). In the latter I'd suggest visually distinguishing the w from the asm. Also, is suggest referencing the assembly language aspect of the it somehow. |
|
Amazed by the all the logo ideas, variation of @Namozag I'd seem to prefer anything with 'wasm' or 'asm' in there as text. |
|
Oh, cool, (not) a logo contest! And already some great ideas! Well, this is my take on a logo (trying to incorporate a bunch of the previous ideas):
Cheers! |
|
So far the kitten in a basket logo is my favorite. @BartoszBaczek are the copyright issues cleared on its use in w3c? |
|
@bobajeff Well that's a picture of cat, and like almost every other picture of a cat, was found in the internet. I dunno. |
|
I feel the cat is missing this background sound: https://www.youtube.com/watch?v=EKcviWIDFKQ |
|
@alexhultman Your icon was used at JSconf singapore See the following clip at 9:28 |
|
Like I said it is not mine |
|
@MWrathDev Those comments are misleading. The entry was submitted above by @Fogaccio |
|
embrace the manticore |
|
The ideals are:
But it look poorly, so i change it so much different from the beginning with another concept. I add some smartphonefull to it.
|
|
|
|
@olalonde The simplìfying may be to much, but the ideal is doing that extremely but still keep meaning. The simplified icon still keep some important concept including W shape, javascript was wrapped inside or it is the core. It also is saw that a block inside block, module inside module. It also have the button waiting for a click. I think i will put it in asymmetric position represent the action of server-client enviroment.
I also make another version of simplifying one.
|
|
|
|
@lukewagner, this is my proposal's CC licensed repository:
|
|
@carlosbaraza this remains my favorite proposal by far! Just one minor comment: why is the font size of WA smaller than JS? It makes it seem less important somehow. |
|
@carlosbaraza I like this, too. I think a second notch going upward from WA into JS will help illustrate the interconnectedness of the two technologies (they can call into each other view import/export) and to balance out the area of each color. This may require the JS text to be pushed up to the top or both texts to be centered, for symmetry... Edit: I say this because without considering the IC example I'm inclined to view the JS/WA combination as two connected puzzle pieces. |
|
80's style! |
|
|
|
casting my vote for #112 (comment) simple and has a good story 👍 |
|
Initially I decided to emphasise on the word "WebAssembly" as a whole being a logo, but then it wouldn't be unique. So I decided to come up with an indifferent logo for WebAssembly, but then again it either look too sophisticated or corporate which is not the strength of it's main usage. In the end I tried to go with the HTML5 logo which inspired my submission.
Built upon the already loving and powerful logo of HTML5. This is a derivation of the HTML5 logo. |
|
Another dev tool snippet to show comments by popularity :D. This one prints everything to the console like so:
PS: It looks like @Fogaccio's logo has been used out in the wild https://simpleprogrammer.com/2016/05/25/webassembly-finally-freed-javascript/ (() => {
// get all the comments that have thumbs up + images, sorted by most thumbs up
var comments = ($ =>
$(document, '.timeline-comment-wrapper')
.map(comment => { return {
element: comment,
thumbsUp: $(comment, 'g-emoji[alias="+1"]')
.map(gemoji => parseInt(gemoji.parentNode.innerText.replace(/[^0-9.]/g, '')))
.filter(num => !isNaN(num))
.pop()
}})
.filter(comment => comment.thumbsUp)
.sort((a, b) => b.thumbsUp - a.thumbsUp)
.map(({element, thumbsUp}) => { return {
author: $(element, '.author').shift().innerHTML,
thumbsUp: thumbsUp,
images: $(element, '.comment-body img')
}})
.filter(({images}) => images.length)
)((e, q) => Array.prototype.slice.call(e.querySelectorAll(q), 0))
// add padding to all the author names so they line up when we print them out
var longestNameCount = comments.reduce((a, {author}) => author.length > a ? author.length : a, 0)
comments.forEach(comment => {
for (var i = comment.author.length; i < longestNameCount; i++) comment.author += ' '
})
// print everything in nice collapsed groups
comments.forEach(({author, thumbsUp, images}) => {
console.groupCollapsed(author, '=', thumbsUp)
images.forEach(image => console.log(image))
console.groupEnd()
})
})() |
|
Please head over to #980 to vote on the top submissions! |
|
I feel like simply taking the top 5 is slightly unfair because it favors people that submitted a long time ago instead of the actual most fitting submission. |
|
@g-harel appreciate the feedback. In this case, the thread was so contentious that this was the most fair approach we could come up with. Also, reactions weren't introduced until March last year, so I don't think the earlier submissions got too much of a head start. |
|
@s3ththompson I was more specifically referring to a thread on reddit in November that gave this issue a lot of attention (that is how I learnt about this and ended up submitting as well). Since there was a big influx of people around that time, the submissions that were already there got a lot of attention but the new ones didn't get a similar opportunity. |
|
@s3ththompson Can you close comments on this issue so that people in this thread stop getting spammed and then everyone can vote on #980 🥇 |
and others
ＷｅｂＡｓｓｅｍｂｌｙ Ｌｏｇｏ Ｃｏｎｔｅｓｔ
ORIGINAL POST (now closed)
At the very start of the WebAssembly project, @sunfishcode hacked up a logo:
It has nice ideas:
It would be nice to have something more fancy / web-y / designer-y, and keep it neutral so it belongs to the web and not one of the browser vendors.
Petr Hosek from the NaCl team proposed using the HTML5 technology class icons.
Ｈｅｒｅ＇ｓ ｗｈｅｒｅ ＹＯＵ ｃｏｍｅ ｉｎ！
Reply to this thread with your suggested WebAssembly logo.
We haven't decided how we'll pick the final logo, but it'll definitely be around "stable MVP" time.
The text was updated successfully, but these errors were encountered: