Logo iteration

[mikeal]

Ok, here's the deal :)

The foundation is considering an iteration on the official logo. This is not a re-design. The community loves hexagons, hexagons aren't going anywhere, but some people wouldn't mind a re-fresh of some of the assets. We'd also like more assets that we can use under certain size restrictions, for example twitter requires squared images while G+ rounds off an image and we have a limited set of assets we can use for that.

Here's some examples of popular logo iterations:

Just post images and ideas in to this thread. The Marketing Committee will look over all of this at some point in the future and potentially select one or take some of the ideas/direction and handoff to a designer. Final logo will have to be approved by the Board of Directors.

Here's the EPS files https://nodejs.org/en/about/resources/ and an SVG https://commons.wikimedia.org/wiki/File:Node.js_logo.svg to start with.

Have fun :)

[laverix]

@rasmusfl0e brilliant!

[Schoonology]

A few minor updates:

• The "n" is taller, resting better alongside the other letters. The "baseline" in this case doesn't seem to be the bottom of the bowls, rather, the bottom of the 4 o'clock and 8 o'clock points on each hexagon. That's what made sense at the time, at least.
• Exaggerated the "JS", and customized some new letterforms that match the feel of the rest of the logo better than Source Sans Pro, which was the original typeface.
• Cleaned up more issues in alignment and path complexity.

Keep the feedback coming. Not all of it works, but it's all useful.

[mightyiam]

@Schoonology perhaps move the JS a tiny bit left.

[f]

@rasmusfl0e :+1:

[kylehayes]

So many great submissions so far—analysis paralysis is kicking in. I do wonder if js is still needed. Less is more and Keep it simple etc.

I personally don't care for the @aguscr iterations due to the way the e stands out more than the rest of the letters. I'm definitely favoring the ones that are slight derivatives of the original because the brand remains in tact.

[Schoonology]

Also, since we're looking for logos that look good square and round, I whipped up some rough proofs that the current logo works rather well as-is!

[stuartpb]

I do like @substack's notion above that the new Node logo should preserve design elements of io.js's branding, so as to communicate that io.js has evolved into the future of Node.

At the very least, I think this is one more argument in favor of switching the green in the logo over to JS Yellow.

Also, I like @rasmusfl0e's 3D interpretation above, though I think it'd be better if the 'e' were shaped more like the current wordmark's 'e'.

[alexindigo]

@Schoonology Love this one – https://github.com/nodejs/evangelism/issues/179#issuecomment-150380778

Again would like to see <js> as standalone option too.

[Schoonology]

@alexindigo - So glad you like it! As far as just "JS" is concerned, @mikeal addressed that, I think:

Right now we rely on just the "JS" portion of the logo for this which is not ideal.

[alexindigo]

@Schoonology I see. :) Should it be node.es6 then? :)

[190n]

I'm gonna drop ASCII art on this thread just because I can...

               |
 __    __   ___|  __    *  ___
|  \  /  \ /   | /__\   | /__
|   | \__/ \__/  \___ @ | ___/
                  \    /
                   \__/

[kirkstrobeck]

Standalone would be the hexagon -- * watch out * its sharp

[TylerK]

It's like the logo designed itself!

[RH2]

hexagon : ✔ green : ✔ typographic "N" for "node" : ✔ readability : :skull:

[gbabula]

@Schoonology - great work, I really like the latest iteration, few comments:

• make the edges more crisp for a true hexagon feel
• adjust the "e" a bit to make it more legible
• experiment with a different font for "js"

[blixt]

@juanmnl I really like your designs! I made a few adjustments:

• JS colors (http://www.2ality.com/2011/10/logo-js.html)
• To make the appearance less noisy I made the JS part same size as the others
• I added square ends to the two borders in the JS part to make it more consistent (maybe the S needs them too?)

[RH2]

color rework:

[Knighton910]

@TylerK :+1: Awesomeness

[neurosnap]

@TylerK omg yes please make this happen

[anbestephen]

Inspired from this real node!!

[hum-n]

An hexagon for every letter is way too much in my opinion, it makes the logo busy, unreadable and looks old. I would keep it only for the mark. Two people did a great job above me in this regard @souporserious and @alexindigo .

My quick take on it, a more minimal and modern look. (Could add more personality in the font)

[stevenvachon]

Rearranged @alexindigo's idea:

[barberboy]

@rasmusfl0e, I love everything about https://github.com/nodejs/evangelism/issues/179#issuecomment-150353490. It's truly inspired. Well done.

[bhaveshgohel]

@alexindigo the Logo Looks Awesome :+1:

[juanmnl]

@blixt Nice! I'll try to work more on the js part this weekend if i can. Added the Js yellow to this one. Got trapped into some geometric details :tongue:

Sharper 'Hexs' to match geometry.

Added a different purplelish-grey to original green.

[bsingr]

• Based on the current nodejs-light logo
• Reduced noisy parts to calm the impression
• New vector path for the "e" to increase readability
• Standard font for "JS" to differentiate from the main brand name

[WoodyWoodsta]

Here is my take:

• Switched up the "node" text
• Can't say that I 100% like the js part, it might look better with the traditional js font
• Still need to put together an icon

[olizilla]

If you liked the io.js logo viewing fun of

http://tableflip.io:1234

you're gonna love..

http://tableflip.io:12345

now in spicy node.js flavour. :shipit::sparkles:

[Qix-]

I'm really, really liking @juanmnl's stuff.

[gregoiresgt]

Hi all :)

I came up with something a bit different and I probably went farther than expected, but anyway I'd love to have your feedback on that draft!

Major changements: I just couldn't see those polygones and this green anymore ^^ So I've been inspired by @rasmusfl0e and the squared letters, and I chose a nice and futuristic blue.

[phloe]

Thanks for the feedback, guys! Much appreciated :)

@stuartpb I had a couple of different options for the shape of the "e" (with isometric blocks) - i just chose one that would also translate when rotated into the lores version ;) The other options could be interesting too - though they may require more than a direct rotation to go lores - but of course that's totally irrelevant if it's never used :D

@gregoiresgt looks cool! If people want hexagons you can always just "rotate it back" :D

I also love the different minimalistic takes from @acstll and @AntoineBoulanger.

[acstll]

I actually prefer @AntoineBoulanger take over mine! :smiley:

(Could add more personality in the font)

On top of that, it would be a great idea, in case the new logo ends up taking his take's direction, to set the type font in the logo to be node.js "brand" font and use it also in the website, etc.

[Qix-]

@gregoiresgt https://github.com/nodejs/evangelism/issues/179#issuecomment-150533300 is beautiful.

[fdaciuk]

+1 @gregoiresgt https://github.com/nodejs/evangelism/issues/179#issuecomment-150533300 :dancer: :dancer: :sparkles:

Try change it using green instead blue :)

[LukeAskew]

@Schoonology Coming along well. I think your iteration lends itself well to some customization for things like events/conferences. You could use the two green shapes as image masks:

My only suggestion right now is to make the "e" more legible. From across the room, it looks like "nodc"

Awesome work!

[gnclmorais]

:arrow_up: I’m behind @LukeAskew on everything.

[IcanDivideBy0]

https://github.com/nodejs/evangelism/issues/179#issuecomment-150533300 really nice ! Just missing some turtles !

[juanmnl]

@gregoiresgt :clap: That one is beautiful! Well done!

[lfortin]

+1 @bsingr :thumbsup:

[juanmnl]

That is great @olizilla thanks :)

[mariettiell]

Node Js

[juanmnl]

Just made the N finite with a border at the bottom for the icon and the logo.

[keithjgrant]

Two standouts so far, in my mind:

https://github.com/nodejs/evangelism/issues/179#issuecomment-149746593 by @al0p Similar to the original, but cleaned up & made a bit easier on the eyes. I particularly like the new treatment of the "e".

https://github.com/nodejs/evangelism/issues/179#issuecomment-150533300 by @gregoiresgt This one is gorgeous. Much more of a deviation from the current logo, but, oh man is this better.

[zeke]

[Schoonology]

Another quick iteration: rebuilt the forms (I've been working off the old SVG curves before) for crisper edges and pixel-perfect alignment, and emphasized the JS by greying out the "node" part. Hopefully the new "e" is more legible, too.

Also, @LukeAskew, I agree that the heavy weight makes it really customizable! It looks great with the "node" letters as a mask, too:

[stevenvachon]

All one font (mimicked the font used for "js" in current logo):

[sergiolepore]

@Schoonology way better :heart:

[stevenvachon]

I liked how @al0p made the current logo appear less "decepticon"-like. Here's a rearranged version:

[ruizander]

HI! here is my try:

[zeke]

We need a http://tableflip.io:1234 for this issue. // @olizilla @alanshaw