Icons are slightly off-color

[silverwind]

favicon.ico uses #7ebf42 while the link color on the site #80bd01. They are supposed to match, right?

[iancrowther]

Good eye

[phillipj]

They are supposed to match, right?

It would surprise me if it was made so deliberately. Good catch 👍

[stevemao]

There might be other inconsistent colours. #367

[silverwind]

This should only affect apple-touch-icon.png and favicon.ico from the looks of it, a simple hue-rotate could suffice. I'm not really adept in Photoshop, so if someone could take over this, I'd be grateful :)

[fhemberger]

BTW: Is there an exact definition of the node.js green? Some sort of brand guideline? When I started the new website, I used the tone from the SVG version of the logo. Icons were taken from the original website as well.

So if it hasn't been done already, it would be good to define the "official" colors somewhere, also as reference for future design updates, prints, stickers, etc.

/cc @mikeal

[stevemao]

Hi @fhemberger , it'll depend on nodejs/evangelism#179

[fhemberger]

@stevemao I'm talking about the current status, not future iterations (as there also is no time table defined yet). We could need a clear definition now, as other node-related projects, conferences, etc. may use the color scheme as well.

[bentinata]

Like Ubuntu's Design Guideline? (I'm not affiliated with Canonical or others. It's because their color guides are nice.)

We can do like:

• #83cd29 Main Green
• #404137 Gray
• #309045 Foundation Green (optional)
• Could add JS yellow, or Foundation blue.

I'm not sure about Joyent related things. Until this day I'm still sticking to official guide. It says we must not change the color.

[fhemberger]

@bentinata Yes, exactly. This looks really great.

Regarding Joyent's "visual guidelines": I don't think a low res, low quality JPG embedded in a Word file, converted to PDF can seriously be used as any sort of color guideline. It would help to get the exact info from Joyent (or the designer of the logo) themselves.

[silverwind]

Here's a screenshot from that design guide:

Looks like it's something approximately to #8cc84c on o there, but JPG compression messed with heavily with that color, and the js part is a whole different shade. Not really a source we can work with.

[Fishrock123]

@mikeal Are you able to dig up a PDF or psd guidelines document, if one exists? (Or even point us to who to ask?)

[silverwind]

Accessibility (#501) dictates that we use a darker green on he links and buttons if we are to keep the white background. With a dark background there would of course be no concern, and we could make those colors match.