greenelab / connectivity-search-frontend

Frontend code for connectivity search (formerly "Hetmech")
https://het.io/search
BSD 3-Clause "New" or "Revised" License
2 stars 3 forks source link

Hetmech logo #14

Closed vincerubinetti closed 5 years ago

vincerubinetti commented 5 years ago

It's logo time again. This is all I could come up with that was reasonably good. Cast your votes or make your suggestions:

https://jsfiddle.net/evbg4aht/show

dhimmel commented 5 years ago

Proposed logo looks really nice at many scales:

image

The DNA appears to be right-handed which is the natural conformation (good). I am a bit worried that a DNA-based logo is inappropriate since DNA and the genome is not directly an aspect of hetmech. While in general people may associate DNA with science, I think within our userbase, it could be a bit misleading.

What I'm thinking we really want to capture are:

vincerubinetti commented 5 years ago

I was worried about that too. Perhaps #2 or #3 look vague enough to not directly suggest only DNA. Or we could take out the horizontal lines so it's just two criss-crossing curvy lines.

What about the more graph-like ones, #7-#12 .

ben-heil commented 5 years ago

I agree that graph inspired logos probably give a better sense of what Hetmech is than DNA inspired ones since most of the features in the database aren't directly DNA related. My favorite is logo 7, background (18, 0), text color (17, 13).

I really like how logo 7 conveys both that there are different types of nodes and that they are connected to different things.

cgreene commented 5 years ago

I like lots of them! I'm a little partial to 9 since it feels like it captures a path, but I like lots of them 👍

dongbohu commented 5 years ago

I don't have a strong preference either. I like 3 and 5 slightly more than I do the others.

vincerubinetti commented 5 years ago

Second round, shortlist:

https://jsfiddle.net/dcj9L5pk/show

1 is a new contender. But I'm still leaning toward #2 for the following reasons:

@dhimmel thoughts and final decision?

cgreene commented 5 years ago

Without the DNA bases, I am coming around to 1. Is it meant to evoke the letter H?

vincerubinetti commented 5 years ago

Without the DNA bases, I am coming around to 1. Is it meant to evoke the letter H?

Now that you say that, yes, it is

dhimmel commented 5 years ago

Use the new numbers from https://jsfiddle.net/dcj9L5pk/show, my favorite two are:

Logo 4:

image

Logo 2:

image

I think Logo 4 captures the utility of hetmech the most: finding how two nodes are connected by paths. Logo 2 is aesthetically pleasing. Do others have any feelings about 4 versus 2?

vincerubinetti commented 5 years ago

Two more:

image

image

zietzm commented 5 years ago

Logos 3 and 4 are my favorites

vincerubinetti commented 5 years ago

Also did an in-person vote with the people in the office, and the -v^- logo seems to be the winner over the /*\ logo. The winner is a more banal and generic (could be any kind of graphing), but it is more descriptive of what hetmech actually is. I like the /*\ a lot, but we can always use it for something else in the future.