Skip to content

Icons are slightly off-color #458

Description

@silverwind

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

Activity

  1. iancrowther commented on Jan 11, 2016

    @iancrowther

    Good eye

  2. phillipj commented on Jan 11, 2016

    @phillipj
    Member

    They are supposed to match, right?

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

  3. stevemao commented on Jan 11, 2016

    @stevemao
    Contributor

    There might be other inconsistent colours. #367

  4. silverwind commented on Jan 11, 2016

    @silverwind
    ContributorAuthor

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

  5. changed the title [-]favicon.ico is slightly off-color[/-] [+]Icons are slightly off-color[/+] on Jan 11, 2016
  6. fhemberger commented on Jan 12, 2016

    @fhemberger
    Contributor

    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

  7. stevemao commented on Jan 12, 2016

    @stevemao
    Contributor

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

  8. fhemberger commented on Jan 12, 2016

    @fhemberger
    Contributor

    @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.

  9. bentinata commented on Jan 12, 2016

    @bentinata
    Contributor

    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.

  10. fhemberger commented on Jan 12, 2016

    @fhemberger
    Contributor

    @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.

  11. silverwind commented on Jan 13, 2016

    @silverwind
    ContributorAuthor

    Here's a screenshot from that design guide:

    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.

  12. Fishrock123 commented on Jan 13, 2016

    @Fishrock123
    Contributor

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

  13. silverwind commented on Feb 11, 2016

    @silverwind
    ContributorAuthor

    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.

  14. added a commit that references this issue on Feb 23, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions