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 :)

[remy]

OBLONGS FTW!!!

[ChALkeR]

Have fun :)

Fun: https://stocklogos.com/topic/past-and-future-famous-logos (note that that article is from 2012 and at least some of the predictions were correct).

[benbrignell]

What's the purpose of iterating on the current logo design? What is it about the current logo which isn't working for you?

[mikeal]

@benbrignell I think the main reason people are considering it is that Node.js as a project has undergone dramatic changes in the last year and it has also been so hugely and widely adopted so a visual refresh seemed appropriate.

The only thing I'd like to see personally are assets that work well when squared, rounded, and presented as a single hexagon. Right now we rely on just the "JS" portion of the logo for this which is not ideal.

[ali-sao]

I'll try to make something

[gnclmorais]

I welcome this initiative, I was never a fan of the current Node.js identity as a whole (although I like the hexagon base). I’ll see if I can come up with something interesting. :tophat:

[juanmnl]

Avatars

---

Hope color is on iteration plans too. Here's my first shot!

If it ain't

Light & Dark

[bnb]

@juanmnl Very nice job! Like like how the O looks lick a rachet.

[juanmnl]

@bnb Thanks :sweat_smile: Haven't designed anything in a while so i wanted to give it a shot for this iteration. Cheers!

[bwilytsch]

@mikeal I would like to have a take on the weekend. Will it be too late, are you guys in a rush?

[mikeal]

@bwilytsch there's no timeline yet :)

[shri3k]

@mikeal Is it still called Node or Node.js? The new logo appears to have JS but I thought it changed to Node not too long ago? I think this is a great opportunity to clarify that with the new re-design.

[mikeal]

Must be "Node.js" because that's what the Trademark is for :)

[juanmnl]

Well, i made another iteration as i wont have much time later. :smile: First draft was based on current logo proportions (hexagon and letters) This one is isometric and made with the same shape patterns and proportions for every letter.

Full iso stencil. Hope you like it!

[blakemattos]

Love node.js! Excited about this logo iteration. Here are a number of different explorations I came up with.

[bwstud]

A simple sketch. Lots of opportunity for fun negative space plays which could be helpful in addressing the needs of circle/rounded square/hexagon.

[karlbright]

Oh boy, here we go again!

[graypegg]

An hour of playing around in illustrator! Looking forward to seeing what people make!

[karlbright]

A basic cleanup on the original logo using slightly less rounded corners and one with ever so slightly more rounded corners. Dropping the green from the e along with the sharp edge.

[0x64B]

[matthewhirsch]

I'm curious how much of an iteration Node is looking for. Are we looking for a Starbucks 1971 to 1987 Starbucks change or are we looking for a 1987 to 1992 change? That's a large range if it's the first option and I think it'd be useful for everyone to know how far we can push these boundaries.

[ghost]

[karlbright]

@substack You never disappoint. I was thinking about doing a space badge iteration ;)

[karlbright]

Quick experiment with removing text for nodejs. Pushing the identity down into one green cube as a minimal logo. Idea being I/O on the cube. Not 100% on this but it's an idea, throwing it out there.

[ghost]

circles:

all together

[ghost]

alternative minimal design:

[ghost]

alternative minimal light version:

[karlbright]

@substack

[jfhbrook]

Now would be a good time to bring the turtle back

[mostman1043]

Is the Hexagon really that popular?

[mikeal]

Is the Hexagon really that popular?

yes.

https://hexi.pics/items/?page=2

[Schoonology]

A small iteration on the proportions and type:

[pitaj]

Absolutely keep the hexagon.

[ghost]

turtle pack for @jfhbrook:

[Trott]

I'm pretty sure that if you lose the hexagon, half the TSC will resign immediately. You'd get less blowback announcing that all functions in future versions of Node.js will be synchronous.

[mshwery]

Might take some inspiration from Melbourne's logo: http://desktopmag.com.au/features/top-ten-australian-logos-3rd/#.VicswBwo7qA

[kirkstrobeck]

Notes: http://cl.ly/daQy

[raine]

That's a nice one, @Schoonology.

[gnclmorais]

I would love to see something quite different from the current image. :zap:

[serapath]

+1 turtles :-)

[gnclmorais]

@Schoonology, your version is the best one, up until now. By far.

[phloe]

Off on a slightly different tangent...

[ChALkeR]

@rasmusfl0e Something is wrong with the hexagon in your logo :-)

[ChALkeR]

@Schoonology While I like your variant a lot, the last "js" hexagon is now not recognizable enough without the others. And that is used on the square/round logos, avatars, etc. What do you think?

[phloe]

@ChALkeR Hmmm, I guess I put too much rounding on it?... dammit

[ghost]

This is a rather quick mockup, but I think you'll get the idea. Being square and iconic can be really useful for figuring out icons, avatar, etc.

[phloe]

@aguscr I like the chimney on the previous one (node.js - the house that javascript built) :D The multiple rapid shifts from green/grey to white gets a little too busy though. Maybe eliminate the white spacing in between green and grey?

[ghost]

@rasmusfl0e I actually removed the chimney in order to simplify it more. In small sizes, it could be distracting or noisy. Your suggestion about removing the white could be something to explore.

Here it is, I think it looks nicer, but I'm not sure about the readability of the word now.

[bnb]

@aguscr Wow, that's fantastic use of white space. For anyone who doesn't notice (I know most Node people aren't designers), "Node" is spelled in the hexagon.

[joshmanders]

:+1: Turtles.