Giter Club home page Giter Club logo

Comments (878)

karlbright avatar karlbright commented on May 3, 2024 2

Got to spend a little more time at having another crack with some ideas before leaving work. Someone can polish these up if they say any potential, it definitely needs more time.

Idea being the octagon for V8 as @substack mentioned. Then the right hand side being the node colour and looking like an arrow forward before forming an I as the colours transition. This can work in B&W as well with some work and seperation between some elements. The "ribbons" were kind of meant as a way to show I/O without throwing arrows around.

ioflat

ioshad

iodot

license: public domain / CC0

from node.

i5ting avatar i5ting commented on May 3, 2024

greate job

from node.

karlbright avatar karlbright commented on May 3, 2024

I can't wait to stick that hard drive on my laptop lid.

from node.

ghostbar avatar ghostbar commented on May 3, 2024

Maybe something more simple?

I love @substack 's proposal but don't know if it will be easy to stamp on tshirts and that kind of stuff logos are mostly used for.
svg here

from node.

zeke avatar zeke commented on May 3, 2024

io hex black

svg file

from node.

andrewliebchen avatar andrewliebchen commented on May 3, 2024

+1 for @zeke

from node.

karlbright avatar karlbright commented on May 3, 2024

untitled-5

During my lunch break.

from node.

ryanstevens avatar ryanstevens commented on May 3, 2024

+1 for @karlbright, nice job!

from node.

jbergstroem avatar jbergstroem commented on May 3, 2024

I'm with @substack. Octagon O, binary, 10, etc. Probably needs the full "js" as a kicker, but that's for later.
Imgur

svg under public domain "license".

from node.

 avatar commented on May 3, 2024

sticker pack:

sticker pack

licence: public domain or CC0 at your choice

from node.

travisjeffery avatar travisjeffery commented on May 3, 2024

@substack these are really cool. nice work!

from node.

yoshuawuyts avatar yoshuawuyts commented on May 3, 2024

@zeke does it also come in JavaScript yellow?

from node.

hacksparrow avatar hacksparrow commented on May 3, 2024

"I" and an octagonal "O" in the z axis.

iojs

from node.

coodoo avatar coodoo commented on May 3, 2024

@substack It's 2014 now can't we at least have SSD for the log? :P

from node.

chrisdickinson avatar chrisdickinson commented on May 3, 2024

a kind of silly 4-color: screen shot 2014-12-02 at 11 57 19 pm

from node.

chrisdickinson avatar chrisdickinson commented on May 3, 2024

also, some jupiter transit: screen shot 2014-12-03 at 12 17 36 am

(based on
and )

I think @substack's is my favorite thus far, though :)

from node.

kt3k avatar kt3k commented on May 3, 2024

The inner star is an (irregular) octagon. It looks similar to Shuriken, a weapon of (JavaScript) ninja.

io js-logo
svg

from node.

sintaxi avatar sintaxi commented on May 3, 2024

@substack beautiful.

from node.

greelgorke avatar greelgorke commented on May 3, 2024

@karlbright's one is my favorite so far, with a small change the yellow circle made to octagon

from node.

ThisIsMissEm avatar ThisIsMissEm commented on May 3, 2024

@kylebright nice idea, but I'd switch the arrow direction, as currently it's accidentally symbolising backwards (anti-clockwise) movement, which as a forward thinking project it is symbolising the opposite of what we desire to do.

@zeke wasn't that logo style used by google I/O conference at some point?

On @SubStacks' design? It'll become illegible at smaller resolutions and printing will likely bleed. Also if seen in grey-scale it'll loose clarity. Similar on @chrisdickinson's Jupiter design, although I do love that rusty red color.

Given all my words here, I'll work on a few concepts when I get a moment.

from node.

yuchi avatar yuchi commented on May 3, 2024

As a bystander:

  • Choose mascot geometry shape
    • Octagon โ€” see Federick II
    • Hexagon โ€” the de-facto standard Web-ish shape
    • otherโ€ฆ
  • Choose colors
    • JS-ish Yellow โ€” unoffical but stabilized
    • Acid Green โ€” Node style
    • Red โ€” aggressive, attack first
    • @substackโ€™s 80s Galore โ€” freaking awesome
    • otherโ€ฆ
  • Choose style
    • @zekeโ€™s minimalist
    • @substackโ€™s cell-shaded, reduced, minimalist figurative
    • @chrisdickinsonโ€™s space-oriented, figurative, decorative
    • @karlbrightโ€™s metaphoric
    • otherโ€ฆ

The octagon is IMHO fantastic. It has always been the symbol for rational thought, and I love it. But itโ€™s not stackable as an hexagon is. So weโ€™re losing some points on the โ€˜scalabilityโ€™ concept there.

@substack colors are fantastic, but work only on figurative designs.
JS-ish yellow-ish is by far the easiest path.

from node.

yuchi avatar yuchi commented on May 3, 2024

@kt3k By the way, I personally donโ€˜t like the idea of JS-ers to be ninjas. Quick, dirty and criminal. (I love ninjas anyway). If we have to go criminal letโ€™s go pirate :)

from node.

yuchi avatar yuchi commented on May 3, 2024

And a last note, the harddrive in @substack idea is perfectly executed but lacks of comunicative energy. Is io.js just a library for async disk io operations?

from node.

madbence avatar madbence commented on May 3, 2024

@karlbright +1 (I really like the 2nd one)

from node.

phpnode avatar phpnode commented on May 3, 2024

@karlbright very much looks like "no" rather than "i/o"

from node.

juliangruber avatar juliangruber commented on May 3, 2024

@phpnode haha perfect!

from node.

karlbright avatar karlbright commented on May 3, 2024

@phpnode I agree, needs some work. perhaps the I is formed from the bottom, or not joined at all. Throw around some ideas.

from node.

joates avatar joates commented on May 3, 2024

i'm doing loads of online 3D stuff these days so i did this mock-up..

iojs-logo

here is the live demo & GLSL code

i think it could easily be simplified for e.g. a t-shirt print (something like a threshold filter : )

[edit]
threshold version looks like this (needs tidying, this is just an very crude example)

io-logo-simplified

[/edit]

from node.

jeffwhelpley avatar jeffwhelpley commented on May 3, 2024

I like @zeke's the best so far. We should try to avoid anything cartoony. Node/io.js is simple and low level but very powerful which is why I would want a simple, elegant logo. The only issue with @zeke's is that it is not unique/easily identifiable. Perhaps a variation of this with a couple tweaks to make it unique.

from node.

basicallydan avatar basicallydan commented on May 3, 2024

@zeke's is really great but doesn't it bear too much resemblance to Node's logo style with the hexagons?

๐Ÿ‘ @karlbright, shadows on the second one are great - the style in general works well as it can easily be flattened and look good as a silhouette.

Let's not forget the importance of how the logo will look when it's desaturated/flat/turned into a decal.

from node.

indutny avatar indutny commented on May 3, 2024

@chrisdickinson +1

from node.

nighca avatar nighca commented on May 3, 2024

@karlbright +1
love the 2nd one~

from node.

jhnns avatar jhnns commented on May 3, 2024

@karlbright 's first one ๐Ÿ‘

Only the bright yellow area doesn't set itself enough apart from the white background.

from node.

indutny avatar indutny commented on May 3, 2024

oh, actually! @karlbright they are looking awesome.

from node.

ThisIsMissEm avatar ThisIsMissEm commented on May 3, 2024

Flipping the slash there and making it layer in a clockwise motion, and I think itโ€™d look great!

โ€” Micheil

On 3 Dec 2014, at 9:16 am, Karl Brightman [email protected] wrote:

Got to spend a little more time at having another crack with some ideas before leaving work. Someone can polish these up if they say any potential, it definitely needs more time.

Idea being the octagon for V8 as @substack mentioned. Then the right hand side being the node colour and looking like an arrow forward before forming an I as the colours transition. This can work in B&W as well with some work and seperation between some elements.

license: public domain / CC0

โ€”
Reply to this email directly or view it on GitHub.

from node.

yuchi avatar yuchi commented on May 3, 2024

Why donโ€™t we go crazy with octagons on something nerdy like this:

octagons gone crazy

Itโ€™s an hyperbolic plane, with a regular octagonal tessellation. See http://gamedev.stackexchange.com/a/68271

from node.

karlbright avatar karlbright commented on May 3, 2024

Scribbles.

img_0786

from node.

ThisIsMissEm avatar ThisIsMissEm commented on May 3, 2024

The bottom one looks inline with what I was thinking; I suspect the / may still look
better overlayed on top of the I though.

On 3 Dec 2014, at 12:21 pm, Karl Brightman [email protected] wrote:

Scribbles.

โ€”
Reply to this email directly or view it on GitHub.

from node.

ghostbar avatar ghostbar commented on May 3, 2024

@karlbright your sketches look great!

from node.

Fishrock123 avatar Fishrock123 commented on May 3, 2024

Wow. Just wow. I love everyone's designs so much.

Can we have like a bunch of logos? :D

from node.

reqshark avatar reqshark commented on May 3, 2024

ya like @substack's sticker pack! rotating logo spectrum

from node.

Fishrock123 avatar Fishrock123 commented on May 3, 2024

I wish you could upvote comments.

I really like @chrisdickinson's triangle one, but it's pretty subtle.

Also like: @jbergstroem's IO, @substack's sticker pack, @karlbright's IO.

from node.

reqshark avatar reqshark commented on May 3, 2024

@Fishrock123, hey good point. i also really like this node forward one from the website

from node.

Fishrock123 avatar Fishrock123 commented on May 3, 2024

@reqshark I'd rather we come up with something ourselves haha, I think we should leave that for node-forward. :)

from node.

mikeal avatar mikeal commented on May 3, 2024

At first I was worried about using hexagons because when Node Forward had a hexagon based logo it was something Joyent was upset about and so I changed it hoping they would calm down (they didn't). Now that I've had some time to think about it though I don't think it matters, you can't trademark hexagons, and we aren't calling it node-* so whatever.

@karlbright I love where your's is going, especially the color fade from JS yellow to Node green. My only concern is how this might work on stickers. Perhaps if the "I" was inside the hexagon, that would also solve the "No" issue.

from node.

mikeal avatar mikeal commented on May 3, 2024

@karlbright playing on one of your earlier designs

simple-io

from node.

greelgorke avatar greelgorke commented on May 3, 2024

@mikeal let them sue all of them: https://encrypted.google.com/search?q=hexagon+logo&hl=en&gbv=2&source=lnms&tbm=isch&sa=X&ei=TyJ_VNGqMoaoyAT0vICABw&ved=0CAgQ_AUoAQ&biw=1920&bih=1075#hl=en&gbv=2&tbm=isch&q=hexagon+logo

from node.

mikeal avatar mikeal commented on May 3, 2024

@greelgorke in everywhere but Brazil, trademarks are specific to an area, so they have "node.js" in software with a reference to their hexagon design. The test for infringement is "can one be confused for the other" and so being a fork is part of the context. That said, our name is sufficiently different that a reasonable person can tell them apart so I don't think it's a problem.

from node.

yuchi avatar yuchi commented on May 3, 2024

@mikeal +1 But what about a rounded octagon?

schermata 2014-12-03 alle 16 11 42

from node.

yuchi avatar yuchi commented on May 3, 2024

(built with inkscape, polygon w/ 8 sides and 0.154 of rounding)

from node.

ThisIsMissEm avatar ThisIsMissEm commented on May 3, 2024

Hey everyone, rather than everyone just giving plus ones, why don't we come up with a few designs, then open a new ticket with the options and vote on it there?

That way here we can really hone in on ideas.

On 3 Dec 2014, at 14:17, Bent Cardan [email protected] wrote:

@Fishrock123, hey good point. i also really like this node forward one from the website

โ€”
Reply to this email directly or view it on GitHub.

from node.

mikeal avatar mikeal commented on May 3, 2024

@miksago I don't think we're at the final vote phase yet, let's keep throwing up ideas and collaborating for a while :)

from node.

cjihrig avatar cjihrig commented on May 3, 2024

We could also put the finalists up on the new iojs.org and have a real form to vote with instead of just +1 anarchy.

from node.

mikeal avatar mikeal commented on May 3, 2024

A good exercise might be to include a sticker cut with each logo.

from node.

Fishrock123 avatar Fishrock123 commented on May 3, 2024

I like what @cjihrig is thinking.

@mikeal agreed.

from node.

jondavidjohn avatar jondavidjohn commented on May 3, 2024

Really love @karlbright's approach, feels very original / fresh... not sure the branding should orbit around the almighty sticker... Maybe have him come up with some ideas on how it could work in a sticker format? Maybe a few alternate configurations focused on different contexts?

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

Here's a 10 minute idea ๐Ÿ‘
logo1
logo1_bg

ยฏ_(ใƒ„)_/ยฏ

from node.

christianallen avatar christianallen commented on May 3, 2024

iojs-hard

just a thought...

from node.

christianallen avatar christianallen commented on May 3, 2024

or with blending...

iojs-blend

from node.

jeffwhelpley avatar jeffwhelpley commented on May 3, 2024

+1 on @christianallen's second one (i.e. the blended)

from node.

jondavidjohn avatar jondavidjohn commented on May 3, 2024

ohhhh @christianallen ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ (blended version)

from node.

danjenkins avatar danjenkins commented on May 3, 2024

Love @yuchi 's octagonal rounded yellow

from node.

donabrams avatar donabrams commented on May 3, 2024

+1 for color parity with the js and js next logos (yellow/black)

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

Ok, two more:
logo2_bg
logo2

from node.

therebelrobot avatar therebelrobot commented on May 3, 2024

+1 @karlbright (especially the second one above with the paper shadows), @zeke the simple black one, maybe in yellow, and @rafaelconde with these super simple ones above.

from node.

mikeal avatar mikeal commented on May 3, 2024

@rafaelconde I really like the versatility of this design, you could see it being using in a variety of colors, easy stickers, and simple to make variations for other projects.

-1 on having ".js" in the logo :)

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

@mikeal it should be recognisable and scalable.
The problem with yellow is that with a white background and small size, it starts to blend with the background.

Glad you like it ๐Ÿ‘

from node.

mikeal avatar mikeal commented on May 3, 2024

@rafaelconde ya, but yellow would be great with no background on a silver macbook as a sticker :)

from node.

rwaldron avatar rwaldron commented on May 3, 2024

I <3 @zeke's first entry

(Hey @zeke if that doesn't get chosen, could @nodebots use it for our "IO Plugin" ecosystem? Come chat with us: https://gitter.im/rwaldron/johnny-five)

from node.

tkellen avatar tkellen commented on May 3, 2024

@karlbright's is rad!

from node.

mikeal avatar mikeal commented on May 3, 2024

@rafaelconde get me a circle PNG and I'll try to have stickers ready for JSFest :)

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

Here's the reason for my hesitation with @zeke's:
https://ui8.net

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

@mikeal done, with or without ".js"?

from node.

mikeal avatar mikeal commented on May 3, 2024

@rafaelconde no .js, it'll be a round die cut sticker :)

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

@mikeal do you have an email address I could send it to?

from node.

mikeal avatar mikeal commented on May 3, 2024

just post it here :)

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

Here:
round-color
round-black
round-background

from node.

phpnode avatar phpnode commented on May 3, 2024

@rafaelconde like it but it looks like a power switch, also the blue version you posted is really close to gravatar's logo / blank placeholder image (really similar blue too),

image

from node.

rafaelconde avatar rafaelconde commented on May 3, 2024

@phpnode you're right! Haven't thought about that ๐Ÿ‘

Maybe because of the blue background, because the gem itself I feel it's different enough. But then again, it's a very minimal approach. It's hard to be unique with two basic shapes, for the context, I think it works.

from node.

andrewliebchen avatar andrewliebchen commented on May 3, 2024

@rafaelconde's logo is also reminiscent of a flattened version of 1password's logo.

@zeke has the best so far, still.

from node.

tomgco avatar tomgco commented on May 3, 2024

<3 @chrisdickinson's jupiter design's!

from node.

kenperkins avatar kenperkins commented on May 3, 2024

LOL I assumed that @rafaelconde's was SUPPOSED to be a power switch. I.e. Power your web with io.js or something.

Love it, also love @zeke's. If you make stickers @mikeal you have to save me one as a Sponsor :D

from node.

ralphtheninja avatar ralphtheninja commented on May 3, 2024

Amazing contributions from everyone. I'm so blessed to be in this community. I really like the power button :)

from node.

lfortin avatar lfortin commented on May 3, 2024

+1 @zeke

IO in white inside a black hexagon.

from node.

hegemonic avatar hegemonic commented on May 3, 2024

๐Ÿ‘ for @zeke! The crisp corners help to distinguish it from https://ui8.net, and it'd work really well at just about any size.

(Also, ๐Ÿ‘ * 0.75 for @yuchi.)

from node.

dconnolly avatar dconnolly commented on May 3, 2024

+1 for @zeke. Maybe make it an octagon (for V8), and it could come in yellow?

from node.

zeke avatar zeke commented on May 3, 2024

iojs-yellow

https://cldup.com/UqjIN5HuFV.svg
https://cldup.com/u6j8ggQJ9p.svg

from node.

iamdustan avatar iamdustan commented on May 3, 2024

from node.

yuchi avatar yuchi commented on May 3, 2024

(BTW everyone download this one from @zeke if youโ€™re using Atom: https://github.com/zeke/atom-icon)

from node.

stuartpb avatar stuartpb commented on May 3, 2024

I'm thinking an octagon inside a hexagon.

from node.

Phil-Dean avatar Phil-Dean commented on May 3, 2024

@zeke last one with the inverse color option is good.

from node.

firede avatar firede commented on May 3, 2024

io

from node.

yoshuawuyts avatar yoshuawuyts commented on May 3, 2024

@zeke ๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘

from node.

stuartpb avatar stuartpb commented on May 3, 2024

Quick-and-dirty Inkscape mockup of the design elements I'd go for:

reupload with fill

I'm in favor of something simple like this or @jbergstroem's, but the "I" needs serifs or a dot so it doesn't look like "10".

Also, the overlapping-color ones like @karlbright's end up looking more like a logo for Google I/O (not to mention they don't work in monochrome).

from node.

yuchi avatar yuchi commented on May 3, 2024

For completeness:

schermata 2014-12-03 alle 19 37 33

from node.

yuchi avatar yuchi commented on May 3, 2024

And a sharper one (with stroke)

schermata 2014-12-03 alle 19 39 50

from node.

derekr avatar derekr commented on May 3, 2024

w/ the space and io theme maybe it'd be cool to explore NASA and other space org designs/logos.

from node.

aearly avatar aearly commented on May 3, 2024

I really like the Gallilean moon themed ones, especially @chrisdickinson 's.

from node.

grownseed avatar grownseed commented on May 3, 2024

iojs

Based on a flattened tesseract:

tesseract_no_vertices

from node.

derekr avatar derekr commented on May 3, 2024

Basic google image search for old nasa patches to serve as benchmarks/inspiration.

nasa001

juno001

nasa002

nasa003

from node.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.