jupyter / design

Design related materials for Project Jupyter
BSD 3-Clause "New" or "Revised" License
82 stars 59 forks source link

Create a "powered by Jupyter" version of the logos? #21

Closed fperez closed 7 years ago

fperez commented 8 years ago

This would be akin to what Python offers, and it would allow related projects to show that they use Jupyter in an essential manner, without trying to potentially create diluting logos.

What do folks think of this idea?

takluyver commented 8 years ago

I think we should certainly have some guidelines for projects that want to use our logo to indicate Jupyter integration or support. I don't think 'powered by' quite makes sense in the context where this came up, though maybe it does for something like Thebe which uses Jupyter internally.

fperez commented 8 years ago

Indeed, we may want to also have guidelines, but offering the logo itself in the first place, like the python.org folks do, was what I had in mind as a starting point. What do you think of that first step?

takluyver commented 8 years ago

I'm not convinced that we need a specific version of the logo - I don't see that many things using the 'Python powered' logos, and you're allowed to use the regular Python logo "to indicate suitability for use with Python or implementation in Python" (i.e. the regular logo is no more restricted than the 'powered' variant).

So I think clear guidelines on how to use the logo are more important to work out. E.g. as we're using a hollow shape as the main graphical logo, should we say people can't put their own logo in Chompy's mouth?

ellisonbg commented 8 years ago

@cameronoelsen want to tackle a version of the jupyter logo that includes something like "powered by"

ellisonbg commented 8 years ago

I agree that the most important thing would be to create a very clear trademark usage policy in the jupyter/governance repo that we can publicize.

But I do think it may be helpful for some 3rd parties to have a powered by jupyter logo.

On Fri, Jan 8, 2016 at 1:39 PM, Thomas Kluyver notifications@github.com wrote:

I'm not convinced that we need a specific version of the logo - I don't see that many things using the 'Python powered' logos, and you're allowed to use the regular Python logo "to indicate suitability for use with Python or implementation in Python" (i.e. the regular logo is no more restricted than the 'powered' variant).

So I think clear guidelines on how to use the logo are more important to work out. E.g. as we're using a hollow shape as the main graphical logo, should we say people can't put their own logo in Chompy's mouth?

— Reply to this email directly or view it on GitHub https://github.com/jupyter/design/issues/21#issuecomment-170135417.

Brian E. Granger Associate Professor of Physics and Data Science Cal Poly State University, San Luis Obispo @ellisonbg on Twitter and GitHub bgranger@calpoly.edu and ellisonbg@gmail.com

fperez commented 8 years ago

I agree, I think we need both. I think the clear policy/guidelines are absolutely necessary, but I also think offering the logo can't hurt. It's one of those thing, if we don't offer it, we can't know if people aren't using it because we don't offer it or because it's useless :)

So I'd rather offer it and present it as an option, along with good guidelines for the rest, of course.

parente commented 8 years ago

Are there any guidelines to date on use of the Jupyter logo in jupyter-incubator projects? We're not using it yet, but it sure would be nice to have in the dashboard server project instead of the plain old text "Jupyter Dashboard".

Example:

This is not yet merged. I'm not sure if it fits the "powered by" case either.

fperez commented 8 years ago

I would be OK with incubation projects using the logo: they have been vetted by us and have explicit commitment and participation of the project members (if nothing else, as sponsors of the proposal).

Overall we want our policies to be inclusive and encouraging of participation, we just need to:

ellisonbg commented 8 years ago

Assigning to @jupyter/io as part of the branding design work.

spoorthyv commented 8 years ago

Here are the two designs I made. What are everyones thoughts/suggestions?

group 4

group 3

mattb-co commented 8 years ago

Made a few iterations as well based on @spoorthyv's design:

screen shot 2016-08-18 at 12 18 36 pm (click image for a more detailed view)

spoorthyv commented 8 years ago

+1 I like matt's versions much more.

fperez commented 8 years ago

I'm not crazy about the all-orange background one, but I love the dark gray bg one. It won't fit everyone, and I think we should offer a few options, but for those where it works I think it looks awesome.

I also would drop the one with orange letters and white bg, it seems like more color than necessary to me...

From what I've seen so far, I'd like to offer:

1) image

2) a version of (1) just above but with a border, like the one from @spoorthyv (color of the border TBD).

3) image

I think that would be enough variations to satisfy various design contexts while remaining clean and minimal.

But this is just my personal taste/opinion, not a mandate :)

Great job, thanks!!

faricacarroll commented 8 years ago

@fperez @ellisonbg How about including these three versions of "Powered by Jupyter"? I've altered the colors slightly to follow our brand guide color palette.

1) White background

poweredbyjupyter-whitebg

2) Dark background

poweredbyjupyter-darkbg

3) White background + Dark border

poweredbyjupyter-darkborder

spoorthyv commented 8 years ago

@faricacarroll I like those versions. Are those the new versions of the Jupyter logo?

faricacarroll commented 8 years ago

@spoorthyv

They were not. Here they are with the new versions of the logo.

poweredbyjupyter-darkbg

poweredbyjupyter-darkborder

poweredbyjupyter-whitebg

ellisonbg commented 8 years ago

Great, thanks! For now, I think we can use language such as follows to go along with these logos:

If you have a product, service or open-source project that uses Jupyter's open-source software or relies on its architecture, we recommend using the phrase "Powered by Jupyter" and/or the corresponding logo shown below:

cameronoelsen commented 8 years ago

@faricacarroll & @spoorthyv, I think all three of these variations look great as well! A few questions though:

1.) On the two variants that have background colors and borders, to fit the "POWERED BY" text above the lettering, try grouping together the "POWERED BY" text along with the "Jupyter" wording and center them within the box. Right now it seems as if there is a small amount of space underneath the logo that is not symmetric with the top. Example:

comparison

2.) For companies that are using Jupyter, I am just wondering how readability will be when placing this logo in the size that we are specifying (rather small). We may want to reduce the amount of white space around the logo, but overall I think they look great 👍

faricacarroll commented 8 years ago

Thanks @cameronoelsen! Great points. Here's an updated version with centering and a smaller surrounding white space of 16px. I also thickened "Powered by" to bold for better legibility at smaller sizes.

screen shot 2016-11-02 at 11 30 27 am

fperez commented 8 years ago

I'm happy moving forward with this last iteration. Even if months from now we decide to do a revision, I think they are good enough for usage now that we should put them out (and we have folks asking for them).

If our first users have serious concerns (size, contrast, whatever), we can always do a quick early iteration based on real-world feedback.

So unless anyone objects, my vote is to go ahead.

faricacarroll commented 7 years ago

One of the feedbacks from presenting the Brand Guide Book was to create a square version of the Powered by Jupyter logo.

I also wanted to get input on whether we should allow these logo variations to change colors according to the document? For example, in the O'Reilly book we made the logo the O'Reilly brand color.

Here are the designs Cameron made for the O'Reilly book:

screen shot 2016-11-28 at 3 24 46 pm

I mocked up a design to look more consistent with the rectangle ones above. What do you guys think?

screen shot 2016-11-28 at 3 34 49 pm

damianavila commented 7 years ago

What do you guys think?

Nice! Quick thing... if the last one (with dark background) a little bit de-centralized?

faricacarroll commented 7 years ago

@damianavila Yes, thanks for pointing that out!

I've adjusted it slightly:

screen shot 2016-11-29 at 11 55 59 am

cameronoelsen commented 7 years ago

@faricacarroll For readability, try changing the "Powered by" on the last variation on the right to be white. Also, wondering what the icon would look like without the border radius on the square

faricacarroll commented 7 years ago

Good point, I've changed it to white. Here is a version without the border radius on the square:

I'd like to keep the borders consistent for the square version and rectangle version. If we decide to go with the square edge, then we should see how it looks on the longer rectangle version.

screen shot 2016-11-30 at 11 43 49 am

cameronoelsen commented 7 years ago

@faricacarroll I think that the square variation looks great with the white text, not sure how I like it without the border radius though. Try adding back the border radius that is seen in your previous mockup with the white "powered by" text from the latest mockup. Let's see how that looks!

faricacarroll commented 7 years ago

@cameronoelsen I like it! What do you think?

1) screen shot 2016-12-01 at 1 20 26 pm

I'm considering making the border smaller so that logo itself can be slightly larger.

2) screen shot 2016-12-01 at 1 26 25 pm

damianavila commented 7 years ago

:+1: to the border radius IMHO.

cameronoelsen commented 7 years ago

@faricacarroll I really like the version you posted last, try posting the variation with less of a border radius and we can see. I'm just scared that if we make the border radius too thin, it may look very thin at the small size that it will most likely be used at. Nonetheless, test it out and we can see!

faricacarroll commented 7 years ago

@cameronoelsen Sorry, I misexplained it. By making the border smaller I meant the size of it in proportion to the logo, not the thickness of the border.

The second screenshot is what I'd like to have the final logo be and is what I meant by a smaller outside border size. If you compare 1 and 2 you can see a slight difference in the border size. Is that the version that you like?

ViralBShah commented 7 years ago

These are great. We would love to use these in Julia Computing's JuliaPro distribution. Are these final?

ddavidebor commented 7 years ago

Would love for one of these to be made official :smile:

ellisonbg commented 7 years ago

Yep!

On Mon, Jul 3, 2017 at 4:35 AM, Davide Bortolami notifications@github.com wrote:

Would love for one of these to be made official 😄

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/jupyter/design/issues/21#issuecomment-312622865, or mute the thread https://github.com/notifications/unsubscribe-auth/AABr0KpLGtjB1QFRje4LKyM9IuQmTLx3ks5sKNILgaJpZM4HBasc .

-- Brian E. Granger Associate Professor of Physics and Data Science Cal Poly State University, San Luis Obispo @ellisonbg on Twitter and GitHub bgranger@calpoly.edu and ellisonbg@gmail.com

fperez commented 7 years ago

I think we've converged here, should we close the issue and make them official? We're getting more and more of these requests, so having them finalized (in particular before JupyterCon 2017 would be great.

I think these are good enough... @faricacarroll, @cameronoelsen @ellisonbg: thoughts?

My vote is for #1 from @faricacarroll's last image above, the ones with a bit wider margins. But the difference is small enough that I don't really care, I just think we should make a call and make them official :)

Carreau commented 7 years ago

Reminded me of another logo from the 90s.

intelinside copy

dhirschfeld commented 7 years ago

Is there an official Powered By Jupyter logo available somewhere? I can't seem to find one in this repo?

It seems it's already being use in Wes's new book:

Carreau commented 7 years ago

I think there is a dropbox folder with some resources, but I can't find it; I may be imagining things. We should get this finalized and commited to this repository (as well as have a section on the website) with a brand-guide.

Ruv7 commented 7 years ago

I'm not sure if there was still more discussion happening about the use of the logo or if we were ready to make it official. @ellisonbg - is there something blocking this or should we go ahead and upload the logos to this repo?

ellisonbg commented 7 years ago

We are working on organizing our design files and part of that will be uploading them to github. In the meantime, we should upload this particular logo so others can use it.

ellisonbg commented 7 years ago

Here is a png though:

grey_no_box

JolandaS commented 6 years ago

Is there any news on this? I could not find any official logo or guidelines on the website or here on Github. Thanks in advance.