Change the In-Editor Node-RED Logo

The Node-RED hex logo is a lot more modern looking, and is far more reflective of the Node-RED "brand" than the SVG logo currently in user within the Editor. The hex logo is used on the website and these forums, but not in the Editor, why?

Current

Proposal

Was going to just open a PR, but I know these things generally have to go via this forum first.

3 Likes

PR Opened: Update the Node-RED logo to use the hex variant by joepavitt · Pull Request #5103 · node-red/node-red · GitHub

The logo in the editor, which is not also a button, does look a bit limp.
The hexagon does look sharper. In the forum it is also a button, perhaps a good reason for having a different appearance.

Here they are used with variations as favicons. I can't actually see what's in the hexagon on favicons. NNN?
image
(L to R: Forum, dashboard.flowfuse.com, the editor, dashboard 2, flows.nodered.org, dashboard 1)
Please don't make all these the same!
I would prefer to easily distinguish by looking at the favicons between an official NR/FF website and Node-red on my own computers. The DB1 outline favicon for local pages was best for this.

2 Likes

I've only changed the icon in the actual Editor. Favicon is the same.

The only issue i would call out is if it took more space vertically, as I prefer more work space than header.

1 Like

Header size is the same, it just takes up more vertical space within the same sized header

1 Like

I agree. And particularly having a separation between the open source, JS Foundation Node-RED and the commercial Flowfuse organisation - they should be clearly differing logo's in my opinion.

It would also be helpful to see slightly different logos on my own instances of Node-RED and the nodered.org sites though that isn't as important as having a clear difference between the open source elements and the commercial elements.

Nobody has proposed to make the favicons the same, not sure why the comversation has gone in that direction.

The PR and proposal just talk about changing the in-Editor logo - nothing else