New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update OBF logo #43

Closed
yochannah opened this Issue Jun 28, 2018 · 55 comments

Comments

Projects
None yet
@yochannah
Member

yochannah commented Jun 28, 2018

The OBF logo is a little outdated and we'd like to replace it with something a bit more modern and exciting.

Current logo:
image

Interested in helping out?

Anyone is welcome to give this a go, if you have some ideas! Maybe you'd like to create a graphic that reflects aspects of the biological/computational/open nature of the OBF.

Pop a comment on this issue to say you'd like to contribute, and share any sketches / mocks / attempts you've made, or run ideas by us first in this issue if you like.

Specs

Once we've agreed on a basic design, we'll need the following:

  • Must be a vector graphic. Design in any graphics package you want, but ensure to provide exports in the following formats:
    • SVG
    • PNG
  • Bonus points:
    • With "Open Bioinformatics Foundation" text
    • without "Open Bioinformatics Foundation" text
    • multiple sizes
    • multiple shapes - e.g. long thin landscape rectangle, square for icons, etc.

When you're ready, fork this repo, clone it to your computer, and place the files in the logo directory. You can then make a PR for the logo to be merged in to this repo.

You'll be credited in the repo for your contribution as well as reaping eternal fame and glory.

What to do if you need help

Mention @yochannah, tweet @yoyehudi, or if needed email yochannah@gmail.com

@cjfields

This comment has been minimized.

Member

cjfields commented Jun 28, 2018

Do we have the contact information from the BoF meeting last night for the artist who had those quick sketches? I thought they were pretty great!

@yochannah

This comment has been minimized.

Member

yochannah commented Jun 28, 2018

A couple of people at the BoF were interested in there -we'd love to hear from you both! @mccalluc was one of them.

@yochannah

This comment has been minimized.

Member

yochannah commented Jun 28, 2018

@sjthursby was interested too

@mccalluc

This comment has been minimized.

mccalluc commented Jun 28, 2018

I've put some rough ideas on google docs: pick one, or suggest changes you'd like to see, and I'll make a clean SVG.

@sjthursby

This comment has been minimized.

sjthursby commented Jun 29, 2018

Quick sketches also on this google doc - numbered by style. Clean SVG available on request.

@Nazeeefa

This comment has been minimized.

Nazeeefa commented Jun 29, 2018

It may be better to keep logo black and white so it's easy to recognise/read/print. I had a look at google docs, really nice ideas! How about we combine these ideas? For example, use UC Sans but replace B with a B made up of binary numbers (and, if it looks good, replace stem/height of B with DNA helix). Just some suggestions I thought to share :)

@peterjc

This comment has been minimized.

Member

peterjc commented Jun 29, 2018

Some interesting ideas from @mccalluc, although I didn't like the O as a halo (first image, top left), the simple text based ones have a elegance to them.

I like the O as a globe idea from @sjthursby - although I agree we need to keep greyscale or even black and white in mind too.

P.S. For context, I am one of the current OBF board members.

@nlharris

This comment has been minimized.

Member

nlharris commented Jun 29, 2018

Thanks for working on this! I will take a look and give more specific comments, but regarding color, I would like to have a color logo that also looks good in greyscale. I think that's what Peter was saying as well.

@sjthursby

This comment has been minimized.

sjthursby commented Jun 29, 2018

I can modify the binary globe into greyscale and add a dna helix to the B in UC Sans - will provide an update when completed

@hlapp

This comment has been minimized.

Member

hlapp commented Jun 29, 2018

I like the "open"-iconography in #8. The world lock logo series looks nice, but the lock is hard to recognize, let alone that it's open (is it?).

Perhaps it's worth enumerating our major values, so that at least some of them would be embodied in the logo somehow:

  • Openness. Specifically, open source, open science.
  • Transparency. Our organizational records as well as major decisions are publicly available and happen out in the open, respectively.
  • Community. We are here to empower and nurture the communities around our member projects in the narrower sense, and the BOSC community in the larger sense.
  • Collaboration. All our member projects are collaborative development projects, and we seek to foster that.
  • Sustainability. Through openness, transparency, community building, and fostering collaboration, we seek to create sustainable software projects.

I'm just speaking on my own here, so others, and especially other @OBF/board members please weigh in and/or comment.

@sjthursby

This comment has been minimized.

sjthursby commented Jun 30, 2018

See previous google doc for requested adjustments

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 2, 2018

I thought about creating a recognizable logo that can be used for icons and thumbnails and then a more normal full text logo on the side.
I would appreciate any suggestions!

obf_logo

@hlapp

This comment has been minimized.

Member

hlapp commented Jul 2, 2018

@lafita I like your design. I'm not clear on what the line alternating 4x from concave to convex is meant to invoke. Perhaps I'm still in West Coast time and need more coffee. And perhaps turn the arm of the lock the other way so that it's clear even at small sizes (such as favicon, or 128x128) that it's open.

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 2, 2018

Thanks @hlapp! Originally I thought about tracing a double strand resembling DNA like this, but I liked the single line better.
It is true that the logo becomes more abstract, so I am not sure which one is better...

@nlharris

This comment has been minimized.

Member

nlharris commented Jul 2, 2018

@lafita I think the double strand is better. I didn't even get the allusion to DNA from the single line--I thought it was purely decorative.
I also agree with Hilmar that the arm of the lock should point to the left to make it more obviously open.
Thanks for working on this, I like your ideas!

@cjfields

This comment has been minimized.

Member

cjfields commented Jul 2, 2018

Great work everyone! @lafita I agree w/ Hilmar and Nomi on the lock and using double-stranded lines.

@gedankenstuecke

This comment has been minimized.

Member

gedankenstuecke commented Jul 2, 2018

I think the double lines are better too. But I disagree on the position of the opened lock. That would make it look it more unbalanced as the centering wouldn’t work as nicely.

Maybe the gap of the open-position could just be increased a bit to make it clearer?

@cjfields

This comment has been minimized.

Member

cjfields commented Jul 2, 2018

@gedankenstuecke true, I wondered about that. Maybe make it a square and file in the edges with something? My Adobe Illustrator-based version (okay, it's really on a post-it):

img_3454

@gedankenstuecke

This comment has been minimized.

Member

gedankenstuecke commented Jul 2, 2018

I think along with the square and the doubled lines things might come out rather busy? But I'm at the airport on my phone right now, so I can't scribble things up to see how it would come out. :)

@cjfields

This comment has been minimized.

Member

cjfields commented Jul 2, 2018

@gedankenstuecke yes, true. Safe travels!

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 2, 2018

Thanks for the suggestions! I tilted slightly the arm lock so that it is clear that it is open, and that way the icon maintains the symmetry.

obf_logo_v2

@nlharris

This comment has been minimized.

Member

nlharris commented Jul 2, 2018

Nice! That makes it clearer that the lock is open without taking up too much horizontal space.

One thing I'd like to see is if the logos that spell out the word Open Bioinformatics Foundation could somehow make the initial O, B and F bigger or something to make the OBF acronym more obvious. (I'm not sure how to do that in an attractive way, though.)

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 2, 2018

@gedankenstuecke

This comment has been minimized.

Member

gedankenstuecke commented Jul 2, 2018

That one is fantastic, my favorite so far @lafita!

@hlapp

This comment has been minimized.

Member

hlapp commented Jul 2, 2018

Yes, the latest revision is pretty good, @lafita!

somehow make the initial O, B and F bigger or something to make the OBF acronym more obvious

I'm not sure that would make for a good aesthetic. And I don't see that very often either.

Also agree with @yochannah, there'd be separate versions to accommodate different space constraints (square, circular, banner, etc).

@cjfields

This comment has been minimized.

Member

cjfields commented Jul 3, 2018

My fav as well @lafita !

@Nazeeefa

This comment has been minimized.

Nazeeefa commented Jul 3, 2018

Looks great! Thanks @lafita! I agree with @nlharris , I think it's important to make acronym a bit prominent.

I was just wondering would it be too much text to print out as a sticker (for e.g. laptop?) it would be nice to have a small version with OBF (as suggested by @yochannah) or, if possible, place text within (or maybe outside/around) the circle with two words at the top 'Open Bioinformatics' and 'Foundation' at the bottom xD

@hlapp

This comment has been minimized.

Member

hlapp commented Jul 3, 2018

Stickerz 💯

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 3, 2018

This is all I could think about for the OBF acronym.
obf_logo_text_green_square

And this one could also make for a nice sticker!
obf_logo_text_green

@cjfields

This comment has been minimized.

Member

cjfields commented Jul 10, 2018

+1 to what @lpantano said. Maybe a range of different (web-friendly?) colors?

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 10, 2018

@lafita @sjthursby @mccalluc - thanks for all the work you've put in so far!

The plan for going forwards is a follows: We'll be running a poll in a Google Form and asking community members from the OBF to vote on their preferred logo.

@lafita @sjthursby @mccalluc - can you each share a large-ish png of your preferred logo(s) (please not more than one or two) in response to this comment so I can set the form up? Thanks!! :)

Edit to add: sooner is better if possible - we'll be sending this out with our newsletter within the next week or two.

@kcranston

This comment has been minimized.

Contributor

kcranston commented Jul 11, 2018

Chiming in late here (another OBF board member). Thanks for all of the creativity! I like the @lafita logo a lot. Not sure it needs more detail in the alternating lines - would make it too complicated to be recognized from afar, or to be use in small size (i.e. favicon). I'd like to see some other colours, though.

Also like the globe-with-lock idea from @sjthursby and would like to see some iteration on that (simpler, with lock emphasized).

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 13, 2018

The colors of the logo can of course be changed, it should be easy to do! I chose green because it looks more biological, but I could try any other color.

@yochannah are the three latest pictures from my last two comments I posted in this issue of enough quality for the poll? Thanks for organizing this!

@mccalluc

This comment has been minimized.

mccalluc commented Jul 13, 2018

@yochannah: lafita's look great to me! but if you want to run a poll, here are two of the plain text options:
screen shot 2018-07-13 at 7 10 42 pm
screen shot 2018-07-13 at 7 12 04 pm

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 16, 2018

ok, those two look suitable for the poll. @sjthursby of the items in your doc, which would you like to put forward?

@sjthursby

This comment has been minimized.

sjthursby commented Jul 17, 2018

My apologies for the delay, please see below for my two.
obf1
obf2

@hlapp

This comment has been minimized.

Member

hlapp commented Jul 17, 2018

Nice improvement, @sjthursby! In the version with the Open Bioinformatics Foundation text, I'd suggest (1) changing the font of "Bioinformatics" so it's at least sans-serif, and ideally the same as "Open" and "Foundation"; and (2) consider making the font bigger so that the text occupies about the same height as the globe.

The globe is Americas-centric, which unfortunately is the most common representation, and I guess we can't have it rotating in a static image 😞 If you happen to have other rotations of the globe available to you, it might be worth comparing, or producing different versions (perhaps one that's Europe/Africa centric instead).

@sjthursby

This comment has been minimized.

sjthursby commented Jul 17, 2018

@hlapp Thank you! If selected (and if desired), I could make a gif with the globe rotating in the binary style with a static lock for the website? I have a Europe-centric version of the globe also, which can be used if a globe design is selected. Please find below the requested alterations:

obf1v2

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 17, 2018

ok, trying to set up a labelled image for voting. Is asking people if they want 1ab, 1b, 2a, 2b, or 3 the correct approach here? (note, this isn't the vote yet, just a sanity check!) image

@gedankenstuecke

This comment has been minimized.

Member

gedankenstuecke commented Jul 17, 2018

Maybe it makes sense to just vote between the 3 different styles and leave some room for final improvements after the vote (e.g. changing colours, centering the globe, etc.)?

That way we don't split the vote for options 1 & 2 and @sjthursby, @mccalluc and @lafita don't have to provide all possible versions right now.

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 17, 2018

@gedankenstuecke

This comment has been minimized.

Member

gedankenstuecke commented Jul 17, 2018

Also a bit fairer. 😊

@hlapp

This comment has been minimized.

Member

hlapp commented Jul 17, 2018

I agree, 1a and 1b are variants of the same logo concept, as are 2a and 2b.

@yochannah I think for Option 3, the counterpart to the square variation needs to be the one here.

@sjthursby

This comment has been minimized.

sjthursby commented Jul 17, 2018

@yochannah Could you just put 1a in the vote for me please? Thank you!

@lafita

This comment has been minimized.

Contributor

lafita commented Jul 18, 2018

For Option 3, could you add the version here or replace it for the full name logo as @hlapp pointed out?
Thank you!

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 22, 2018

Better? If yes, I'll finalise the poll. (Votes will simply be on options 1, 2, or 3, but I'm leaving the 2a/ 2b in the pic to easily disambiguate if needed)
image

@yochannah

This comment has been minimized.

Member

yochannah commented Jul 24, 2018

ok, VOTING IS OPEN! Share with your friends, family and bioinformaticians....

https://goo.gl/forms/znYh0Uagp2aZT1W02

@yochannah

This comment has been minimized.

Member

yochannah commented Aug 17, 2018

We need to wrap this up and finalise the vote. So far we have around ~70 votes - let's set the closing date for the 27th. Feel free to share with anyone who you think may not have voted yet. Thanks everyone who's shared and voted already!

@yochannah

This comment has been minimized.

Member

yochannah commented Aug 28, 2018

So, we closed the poll yesterday and the results are in!! 🎉

We had 89 responses, and just over 49% of the votes went to option 3, so the logo by @lafita is the winner! Well done @lafita!

Huge thanks to @sjthursby and @mccalluc for your fantastic contributions as well; we value the time and effort you put in to this.

New OBF logo

@yochannah

This comment has been minimized.

Member

yochannah commented Aug 28, 2018

@lafita when you are able, could you please PR the logo files to /logos in this repo? Thank you!!

@cjfields

This comment has been minimized.

Member

cjfields commented Aug 30, 2018

@lafita to add to this: if you have a vectorized version (SVG, EPS, maybe PDF) it's also quite useful, we can update site logos, fonts, etc. Let me know if you need some help on this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment