Skip to content
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

Logo #2

Merged
merged 13 commits into from
Oct 23, 2014
Merged

Logo #2

merged 13 commits into from
Oct 23, 2014

Conversation

awantulok
Copy link
Contributor

Prototype 1:
"J" of "Jupyter" created in the negative space of planet and moons. Could stand alone as logo, as well as have type alongside it.

Prototype 2:
Similarly with prototype 1, the J is revealed in the planet but doesn't include moons.

Prototype 3:
More abstract representation of jupiter and its moons. Clean and simple logo with san serif "Jupyter" (still deciding which font to use). The type can easily be separated from the planet and used on its own.

Prototype 4:
A very abstract representation of planet jupiter. Based on the idea that IPython (Jupyter) is a place where multiple people come together and contribute, the shape is created by multiple pieces coming together. Through the use of color, the shape would have an almost 3D shape and feel to it.

Prototype 5:
Again, based off the idea of multiple ideas and parts contributing to a single piece, this logo would show different layers pulling back and revealing the "J" in "Jupyter".

Prototype 6:
Pretty self explanatory, but a unique font (maybe hand-drawn) would be used to created the name "Jupyter" with the planet being used as the dot. The two could also be used independently from each other.

Prototype 7:
Based off of drawings of jupiter from Galileo. Super minimalistic and clean, but both pieces could work beautifully apart from each other.

@takluyver
Copy link
Member

Nice! At a glance, 3 & 7 are my favourites, though I guess some of the others need the colour to make them work. I was hoping to see something inspired by the Galileo sketches. :-)

@ivanov
Copy link
Member

ivanov commented Aug 5, 2014

these are looking great, I'm glad my tittle comment got incorporated into 6!

@jdfreder
Copy link

jdfreder commented Aug 5, 2014

3, 6, and 7 are my favorites

@ellisonbg
Copy link
Contributor

Great work! Here are some comments on each design:

1 and 2: I think there is potential to use the surface features of Jupiter (bands, spot, colors) and I like how these sketches use that. I don't think embeded "J" works very well though. Part of the issue is that a circle is such a strong shape for a logo - some of that strength is lost in these

3: a lot that works well here. I like the all caps "JUPYTER" sans-serif. The planet and moons have a really nice balance between being somewhat abstract, but still nodding strongly to the planet/moon idea. Hinting at the circle of the planet using the upper and lower slivers is really nice - clear but delicate. The placement of the moons is great. I would like to see this one with the "JUPYTER" text larger and to the right of the logo.

4: There is potential here and I really like the concept behind it. I think having the text on top of the planet is too busy though. Maybe a version with the text to the right? I think that this one will probably need some full color prototypes to see how it turns out.

5: I think the concept has potential here and it the treatment of the "J" doesn't interrupt the circle as in 1-2. Not as strong as the others.

6: I like the idea of this font - alot. Could you create a version with the same basic font, but thinner strokes to create a finer, more sophisticated look? I think we could even use some of the other planet ideas from your other design and Galileo's drawings as well.

7: The treatment of the planet and moons with the line is clean, balanced, simple and elegant. Really like that. I again like the all-caps sans-serif JUPYTER.

A few things to iterate on:

  • Try exploring what font you would use for the sans-serif JUPYTER in a few of these designs.
  • Explore a few of them with logo on the L and slightly larger text on the right. That would give a a flexible way of using only the logo, only the text or both in different contexts.

@ellisonbg
Copy link
Contributor

Everyone - it would help @awantulok to iterate if you can given details about what specific things you like about each design and what things are not working as well. Knowing which designs you like is important, but a simple "like/don't like" isn't specific enough to fuel the next iterations.

@ellisonbg
Copy link
Contributor

@fperez can you review these logo sketch prototypes that Adrienne has done?

@ellisonbg
Copy link
Contributor

@awantulok when you include Illustrator files (that is fine) can you also export to png and commit those - that way we can see results in the github pull request.

@ellisonbg
Copy link
Contributor

What types of color schemes are each of them? Analogous? Triad? Complementary? etc?

I like how the color scheme of Option 1 uses some of the colors in the color photos of Jupiter.

I don't think the second color of Option 3 works, but the others are nice.

Maybe try some color schemes with more blues?

@rgbkrk
Copy link
Member

rgbkrk commented Aug 6, 2014

I feel like 2 is actually an even better design on paper, but it is hard to see. Would you be willing to make the lines darker on this one?

Right now 3 is my favorite, likely because it is minimalistic, clean, and would work well in black and white or color. It also seems more futuristic and abstract, tending well to a computational project rather than purely astrophysics.

@Carreau
Copy link
Member

Carreau commented Aug 6, 2014

  1. Negative space J + Moon, I think the J is too hard to see,and will be hard to see, Better in 2 (Negative J on full Jupiter)

  2. I like the lightness. and just the symbol without the text seem really recognizable. It shoudl be pretty easy to move the text on the side to see.

  3. (lots of triangle) The text is too small to be read in my opinion, but it will probably look great in color.
    It woudl be a nice logo to play with procedural logo creation like the MIT Media Lab, which can have an infinity of variation by still being unique.

mit

  1. (different color reveal J) I Have difficulties imagining this one in color, so I prefer not to give my opinion.

  2. JUPYTER + Planet on J. I feel like the brand name is taking too much space, and would be difficult to render in place like favicon, or then just the J ?

  3. (Jupiter+moon+line) I like it, it feel clean and light, and I can imagine using a subset of it in some small area. I'm just almost certain it resemble another logo I have already seen, but I can't remember what.

@awantulok
Copy link
Contributor Author

Great, thank you all for your feedback!! I'll start working on some beginning digital versions so we can also start looking at fonts, as well as work on some variations.

@fperez
Copy link
Member

fperez commented Aug 6, 2014

I'm with Thomas here, 3 & 7. @awantulok, did you have a look at the logo on the talk when I made the Jupyter announcement? It's a small variation on the one in the homepage that @ellisonbg had originally created. I chose those small changes for a couple of reasons:

  • That image is actually one of Galileo's original ones in his Sidereal Messenger.
  • I liked the "1 + 3" moons on either side: since Brian had made the original 'moons' have on-hover icons, I figured the one on the left could link/hover to IPython, and the three others would link to the Julia, Python and R pages. It separates IPython a bit from the others, giving it a special place, and also plays with our 'not an acronym' name where Python stands slightly out from the other two languages.

Just some ideas... Thanks for this work, very excited to see us move forward on a good visual identity!

@awantulok
Copy link
Contributor Author

Hey guys! I started on some rough digital renderings of the logos I got the most feedback on. Would be great to get some additional feedback to continue to narrow down on a design.

I am still working on figuring out different fonts, and I will create a list of several different ones I think could work. I am leaning towards a clean san serif right now (similar to the one I used in the prototypes-Proxima Nova).

Digital Prototype 1:
digital prototype_1

Digital Prototype 1a:
digital prototype_1a

Digital Prototype 2:
Based off of the first prototype, but with some slight variation.
digital prototype_2

Digital Prototype 2a:
Also based off of the first prototype, but with some slight variation.
digital prototype_2a

Digital Prototype 3:
digital prototype_3

Digital Prototype 3a:
digital prototype_3a

Digital Prototype 4:
Rough version of this and colors are bound to change. Just used the blue to give an idea of what it might look like.
digital prototype_4

Would also be great to know if there are logos from the original sketches that you would like me to revisit and work on further.

@jdfreder
Copy link

jdfreder commented Aug 8, 2014

Design 1, 3, and 3a are great. If we decide to explore design 3a more, I'd like to see what straight lines look like instead of wavy lines. The prominent lines on Jupiter appear straight to me (ignoring the smaller details), I'm looking at the following http://upload.wikimedia.org/wikipedia/commons/5/5a/Jupiter_by_Cassini-Huygens.jpg .

@jdfreder
Copy link

jdfreder commented Aug 8, 2014

Also, what does 1 look like with a lighter weighting, both on the font and the tilted parenthesis? I like the weighting of 2a through 3a...

Also, why the arbitrary spacing between the logo and text characters 1a-2a (see below)? I'd like to see what that would look like with either uniformly wide spacing or narrow spacing.

screen shot 2014-08-08 at 3 33 58 pm

@awantulok
Copy link
Contributor Author

Great feedback @jdfreder !!
I'll create some additional variations based off of your comments. Thanks!!

@jdfreder
Copy link

jdfreder commented Aug 8, 2014

One last question, wouldn't 3 to 3a look strange as a favicon (the little browser icon)? I would think that they would minify poorly (which is unfortunate, seeing that they look so nice!). Do you have any ideas of how to create minis of those that would look nice?

@awantulok
Copy link
Contributor Author

@jdfreder Good point. I didn't think about that when creating it. I will work on some ideas on how/if it could work as a favicon.

@ellisonbg
Copy link
Contributor

Great!

On 1 and 1a, I an wondering if we want the axis of the larger two moons to be more horizontal.

2 and 2a. I think the swirls suggest more of a galaxy type shape than a planet, so not sure that works.

  1. Really think this works well. The positions of the moons and the location of the line are all really solid. The only weakness of this logo is that it would be hard to use it in a location that has limited height and/or a square shape (like a favicon).

3a. I agree with @jdfreder that it would be nice to see a version with straight lines through the planet. I am wondering if the "planet with lines" could also be used as square logo my itself, or in the 3a type design.

@ellisonbg
Copy link
Contributor

While I don't think that 4 is working as it is now, I do think there is significant potential in this idea. Some things to try:

  • Keep a more circular shape overall.
  • Try different colors of rectangles.
  • Maybe slightly smaller or larger rectangles?

@Zsailer
Copy link
Member

Zsailer commented Aug 11, 2014

These are looking great!

My favorites are 1 and 3a.

I agree with @jdfreder, it would be nice to see prototype 1 with lighter weight font (like in 3 and 3a).

My fear with 1 is that the icon without the title "Jupyter" would look empty to me. There would be a large blank space in the middle of the icon, and it might look like something is missing. This would force us to include the name every time we use the logo.

What I like about 3a is that the center planet (jupiter) is a recognizable icon by itself (dropping the moons and title). This can be shown in the favicon or anywhere that we are limited on space, and users will associate it with Jupyter, the focus of the project. We are not limited to using the entire logo here.

I think 4 looks really unique and modern; however, it doesn't incorporate the moons of Jupiter that point to the three languages. Perhaps, making the planet more circular and adding some moons would help?

@awantulok
Copy link
Contributor Author

Thanks for the feedback! Super helpful! Here's another round of digital versions based on the feedback given.

Prototype 1:
Adjusted the lines to follow what Jupiter's lines actually look like. I also like the idea of just the center planet being used as the favicon. I think it could definitely work on its own.
jupyter_logoconcepts-10

Prototype 2:
Used a thinner weight font. My thoughts about having a slightly tilted axis was that it would create a little more visual interest.
jupyter_logoconcepts-11

Prototype 2a:
Here is how it could look if you chose to separate "Jupyter" from the planet. I can see where Zach is coming from that the center has the potential to feel a bit empty, but I think it could still work.
jupyter_logoconcepts-08

Prototype 3:
Same as 2, just without the tilt of the planet.
jupyter_logoconcepts-12

Prototype 3a:
Again, this is what 3 would look like separated.
jupyter_logoconcepts-09

Prototype 4:
Used both the thinner weight font as well as made the 2 crescent shapes thinner.
jupyter_logoconcepts-13

Prototype 4a:
Separated version of 4.
jupyter_logoconcepts-14

@awantulok
Copy link
Contributor Author

I totally understand what you all are saying about the previous Prototype 4. It does lose the "Jupiter" feel. However, if it is a path you want me to explore further, I can definitely continue to work on some different versions.

@awantulok
Copy link
Contributor Author

Also, something that I was thinking about when I put "Jupyter" in the planet (Prototypes 2,3,4) was that the crescent shapes are over the "PYT", giving the "IPython" part a subtle "special place".

@ivanov
Copy link
Member

ivanov commented Aug 13, 2014

Thanks for the update, @awantulok

I'd be interested to see a serif typeface as well as mixed case versions of the text portions. the "PYT" portion actually looks like it's getting too much emphasis for me, and I'd prefer the U and E to be centered on the edges of the crescents to tighten up that spacing. The conventional shortening for Python is "py", so emphasizing "PYT" is not compelling in this case, IMO.

Also, is there a digital version of 6 in the works? @jdfreder @ellisonbg and I all liked it.

@awantulok
Copy link
Contributor Author

Thanks @ivanov that is helpful to keep in mind!

I will work on version 6 as well. Forgot about that one!

@jdfreder
Copy link

@awantulok I definitely agree that the slanted version (2 and 2a of the latest) is better than the horizontal version. The horizontal version reminds me of an eye...

I was staring at design 1 (of the latest) for the longest time, with an off feeling. I couldn't quite pin what it was, but looking closer, the dust lines appear to be at a very slight angle relative to the horizontal line. I hope I'm not being too nit-picky by asking this, could we see what it would look like if the dust lines were parallel to the horizontal line? That and/or if they were at an exaggerated angle relative to it?

EDIT: I still like the undecorated version you post earlier the most :) - prototype 3 from the early digital batch.

@awantulok
Copy link
Contributor Author

That sounds like a great idea! Perhaps having the meeting friday would be better, allowing people a few days to look over the designs and make their decisions.

I will work on mocking those things up.

Thank you!

@fperez
Copy link
Member

fperez commented Sep 30, 2014

Sounds good. Unless too many people have a bad conflict, let's go with Friday 10am PST.

@damianavila
Copy link
Member

Friday works for me... my choices:

I am with you about diagonal with the J inside always, and drop the moon for small sizes... now if we need a version horizontal with the jupyter inside, it does not feel good to me only rotate the "big planet" and not rotate the moons, as the last version suggest. I would go with a complete "rotation", all the system, with moon included... in that way the "keep" the "identity of the logo... for me the current horizontal version seems another one... not related (I hope you can get the idea of my subjective "sense" about that).

@Carreau
Copy link
Member

Carreau commented Oct 1, 2014

  • I also Like the 45° + J
  • I'm +1 on dropping moons at low res.
  • I prefer the placement of the moon of the logo we picked at Berkeley.
  • I'm neutral on the rest.

@yarko
Copy link

yarko commented Oct 1, 2014

I was curious about the J as part of jupyter also, so I played around (forgive me in advance; thought I'd share - its not any good quality, but just to get the gist of it...).

From logo_final.svg, I rotated the planet around the left-middle J slightly, and fattened (widened) the J just a bit (to please my eye - but hey: I'm an engineer, not an artist!).

I tried adding it as part of the jupyter (immediately below), and played w/ scaling the j up just a tad. If I played with it any more, I'd probably try to reverse the gradient on the planet (or at least lower half), and invisible-shadow the u to put some space between the u and the planet...

jupyter_logo_final

@minrk
Copy link
Member

minrk commented Oct 1, 2014

Summary of my thoughts at this point:

  • I might drop the 45º and lone-J altogether. I don't think 45º works as well without the J, and I don't think the J logo works well adjacent to another, larger, J in jupyter.
  • The biggest moons we have seen so far seem best.
  • I think the more aligned moons are better (especially in 45º, but also in horizontal) than almost-but-not-quite. I find the jaunty moons often read like a mistake.
  • Dropping moons at low-res makes sense. I'm not sure how low that needs to be. Presumably will depend on their size.
  • I think we should avoid using gradients when it's small (<64px-ish in height), so not on Twitter, not on GitHub, not in JupyterHub header, etc.

@awantulok
Copy link
Contributor Author

Here are mockups of the different variations to be decided upon that I saw from the feedback.
logovariations

@ellisonbg
Copy link
Contributor

OK I think this is probably ready. Can you post an image of the final logo design here for the record?

@awantulok
Copy link
Contributor Author

Final Logo Design:
logo_final-14

@ellisonbg
Copy link
Contributor

I know you are going to kill me - but is there a gradient on the moons?
Have we always had one? Maybe w/o the gradient?

On Wed, Oct 8, 2014 at 4:38 PM, Adrienne Wantulok notifications@github.com
wrote:

Final Logo Design:
[image: logo_final-14]
https://cloud.githubusercontent.com/assets/8107694/4569075/3e52a69a-4f44-11e4-8b9c-84a5aed5bee3.png


Reply to this email directly or view it on GitHub
#2 (comment).

Brian E. Granger
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

@awantulok
Copy link
Contributor Author

Haha yeah, the gradient has been there from the beginning, except for the version without any gradient on the planet.

But here is a version without:
logo_final_15-14

@rgbkrk
Copy link
Member

rgbkrk commented Oct 9, 2014

I can't unsee chompy.

@ellisonbg
Copy link
Contributor

Hmm, I like the moons without the gradient, but not sure if I like them
better in general...

On Wed, Oct 8, 2014 at 5:34 PM, Kyle Kelley notifications@github.com
wrote:

I can't unsee chompy.


Reply to this email directly or view it on GitHub
#2 (comment).

Brian E. Granger
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

@Carreau
Copy link
Member

Carreau commented Oct 9, 2014

Awesome !

I can't unsee chompy.

Yes, please let's do Chompy plushes !

@minrk
Copy link
Member

minrk commented Oct 23, 2014

Consensus seems to be on no-gradient. Merging, yay!

minrk added a commit that referenced this pull request Oct 23, 2014
@minrk minrk merged commit a377b6c into jupyter:master Oct 23, 2014
@Carreau
Copy link
Member

Carreau commented Oct 24, 2014

If the consensus is no gradient, why is the version merged with gradient ?

@Carreau
Copy link
Member

Carreau commented Oct 24, 2014

Can we also have the font added to the repo, or at least the name of the font ?

@awantulok
Copy link
Contributor Author

Shoot, I had updated the wrong file. The correct one should now be there. Sorry about that!

@ellisonbg
Copy link
Contributor

Adrienne did you actually push to github or just update the Dropbox? The
other possibility is that the Dropbox is up to date, but the repo is not.
We still need to figure out who/when we are going to sync the Dropbox with
the repo...

On Fri, Oct 24, 2014 at 9:20 AM, Adrienne Wantulok <notifications@github.com

wrote:

Shoot, I had updated the wrong file. The correct one should now be there.
Sorry about that!


Reply to this email directly or view it on GitHub
#2 (comment).

Brian E. Granger
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

@awantulok
Copy link
Contributor Author

@ellisonbg I pushed to Github and updated the dropbox as well.

@ellisonbg
Copy link
Contributor

OK, but I don't think that actually update the main github repo - only your
pull request. One of us will have to update the main github repo - I would
let us manage that side of things.

On Fri, Oct 24, 2014 at 11:09 AM, Adrienne Wantulok <
notifications@github.com> wrote:

@ellisonbg https://github.com/ellisonbg I pushed to Github and updated
the dropbox as well.


Reply to this email directly or view it on GitHub
#2 (comment).

Brian E. Granger
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

@awantulok
Copy link
Contributor Author

Ok. Sorry about that!

@ellisonbg
Copy link
Contributor

No problem, I don't think there is any issue with what you did - sorry
git/github are so painful :(

On Fri, Oct 24, 2014 at 11:19 AM, Adrienne Wantulok <
notifications@github.com> wrote:

Ok. Sorry about that!


Reply to this email directly or view it on GitHub
#2 (comment).

Brian E. Granger
Cal Poly State University, San Luis Obispo
@ellisonbg on Twitter and GitHub
bgranger@calpoly.edu and ellisonbg@gmail.com

@Carreau
Copy link
Member

Carreau commented Oct 28, 2014

Yeah, I suppose github is not the best tool for design files. As long as the file are safe we trust you :-)

For the record font was Myriad Pro.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.