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

NumPy logo refresh #37

Closed
rgommers opened this issue Aug 27, 2019 · 118 comments
Closed

NumPy logo refresh #37

rgommers opened this issue Aug 27, 2019 · 118 comments

Comments

@rgommers
Copy link
Member

Both @InessaPawson and @shoyer suggested a refresh of the NumPy logo recently. Summer gave that a go, tweaking the colors for more contrast:

numpylogo

Unfortunately she could not keep the logo in SVG. It hasn't been touched in a decade, and was made with some unknown tool that didn't align well with her tools. Does anyone remember who made the current logo, and how?

@shoyer
Copy link
Member

shoyer commented Aug 27, 2019

It's OK if it's no longer SVG, but it would be nice to have a vectorized image of some sort, e.g., for printing at large scale.

The original commit (numpy/numpy@c5b2f31) was by @cournape, and suggests that it was made with Adobe Illustrator: "Generator: Adobe Illustrator 12.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 51448"

@stefanv
Copy link
Contributor

stefanv commented Aug 27, 2019

David says this could have been made by @tvaught.

@charris
Copy link
Member

charris commented Aug 27, 2019

The green-blue faces look like they could use a bit more contrast, but looks good.

@charris
Copy link
Member

charris commented Aug 27, 2019

David says this could have been made by @tvaught.

The logos at the top of scipy.org were mostly (all?) made by Travis Vaught. The image of the bug took a lot of work.

@eric-wieser
Copy link
Member

An only-slightly-serious suggestion - export svg from an iteration of matplotlib's version of our logo https://matplotlib.org/3.1.1/gallery/mplot3d/voxels_numpy_logo.html

@rougier
Copy link

rougier commented Aug 28, 2019

My 2 cents here but it might be good to reduce (or remove) the transparency that makes it difficult to read the logo and maybe change perspective a bit. Something like:

logo-numpy-variant

@eric-wieser
Copy link
Member

Not sure about the angle or removal of the N, but I do think the transparency looks a little messy in the top image (and the current logo). The hard border you added might be a nice analogy for the "nd container of elements" model that numpy has, and also make it a little more suited to things like stickers.

@jni
Copy link

jni commented Aug 28, 2019

At scikit-image, we are looking to make a hexagonal sticker in the vein of the TidyR ecosystem and others, to make tiling a laptop easier. My only reservation with @rougier's suggestion is that it looks very similar to some top scikit-image logo proposals. =P

@joeharr4
Copy link

While I'm not one to be too opinionated about logos, so long as they look nice, I prefer logos that contain at least some text indicating what project they're from! The S in the original scipy logo, the N in this one, or even the full name, as it's quite short. While we all use these projects daily and can keep the logos straight, it's just cubes and squiggles to most people who look at our laptop lids and water bottles. Ideally, a logo attracts the eye and directs the mind to your product. All we're doing here is attracting the eye. We could put the letters of "NumPy" in the blocks, put it below (a la Citgo), etc. I just think we serve the project better with a logo that tells people what it's for.

Also, just a nit, in Summer's logo, the darker orange panel in one of the faces is inconsistent with the others. It's supposed to be the right face of the left-neighboring block, not the left face of the containing block. I'm referring to the leftmost block with any dark-orange shading.

--jh--

@philhodge
Copy link

That looks very nice. Would it be possible to make the lines along the edges of the cubes converge to points at finite distances, i.e. to give it some perspective? I think that would improve it considerably.

@seberg
Copy link
Member

seberg commented Aug 28, 2019

I am +1 for being a bit more liberal about changing the logo (but it is not a quick task...). Another nice thing is that it can be made black and white (in other words, if someone spends some real time, I doubt there is much need for the old SVG file). Getting rid of the transparency seems indeed a good idea to make it clearer, although I do not know if the side/face contrast is currently high enough (at least without additional edges).
The N is a big part of the current logo I guess, OTOH, keeping at 4x4 for the N does make it a lot more crowded maybe.

@rougier
Copy link

rougier commented Aug 28, 2019

Here is another try:

numpy

@rougier
Copy link

rougier commented Aug 28, 2019

And a slightly different one:

numpy

@rgommers
Copy link
Member Author

rgommers commented Sep 7, 2019

Great to see there's interest in a larger redesign. @rougier very nice! Like the cubes. Not sure about a web link in the logo, that's unusual - why not just "NumPy" or "NUMPY"?

Colored variations on that from Summer:

rougier Numpy logo name below-02
rougier Numpy logo no name-01

@matthew-brett
Copy link

matthew-brett commented Sep 8, 2019 via email

@rougier
Copy link

rougier commented Sep 8, 2019

I like the colored version too. What are the colors and the font name ?
I've upload the SVG at https://gist.github.com/rougier/25b3e70127ffe5472263ddea700a0233 for those who want to play with it. You can also do it from scratch using the isometric grid with Inkscape.

It might be also possible to "code" it using matplotlib once there is stabilized version.

@InessaPawson
Copy link
Member

Since I’m listed as one of the ideators of the NumPy logo refresh, perhaps I should share my thoughts on the subject.:)
It is a must for a modern logo:

  • to exist in a vector file format (scalable from a blimp to a pen without jeopardizing the image quality),
  • to be fully opaque,
  • to have a black and white version.

Also to bring the existing NumPy logo to the 21st century its look should be simplified. Maybe like this? I can add color if you like the concept.
NumPy1

@InessaPawson
Copy link
Member

Based on the feedback received from the participants of the latest NumPy community call, I’d like for the community to consider the following ideas for the logo refresh.
NumPylogo6
Numpy_logo7

@InessaPawson
Copy link
Member

Here are the colored versions of the proposed above:
NumPylogo6_color
Numpy_logo7_color

@charris
Copy link
Member

charris commented Sep 20, 2019

I like the #1 version best, #2 is a bit too busy trying to emulate transparency.

@InessaPawson InessaPawson moved this from To do to In progress in NumPy.org Redesign Sep 20, 2019
@shoyer
Copy link
Member

shoyer commented Sep 20, 2019

I like the direction this is going!

But maybe the coloration could be a like more... snakelike?
image

This is a little more evocative of the Python logo:

image

@shoyer
Copy link
Member

shoyer commented Sep 20, 2019

Another variation on the snake+grid theme:
image

@eric-wieser
Copy link
Member

eric-wieser commented Sep 20, 2019

I think I'd prefer a coloring where the small cubes are uniform in color across their faces- numpy 3d arrays work in terms of volumes, not surfaces - so the first variant looks nicer there to me.

@seberg
Copy link
Member

seberg commented Sep 20, 2019

Think of the color as the value set using advanced indexing ;). Tried a bit with 3x3, after trying to color only sides (EDIT: Sorry Eric, just realized some of the snakes above the same small cube was colored differently. I agree about that!):

logo-tries

EDIT2: I think half/half split for the color is probably better (also becaues its closer to the python logo):

logo-tries2

@seberg
Copy link
Member

seberg commented Sep 20, 2019

Scikit image had some nice (but quite different) roundish cube logo ideas, which they probably will not use, so may be worth looking at. @stefanv would know where to look at them.

@stefanv
Copy link
Contributor

stefanv commented Sep 20, 2019

I like the 2nd last and last ones of yours @seberg. It doesn't mess with my sense of perspective so much. My brain complains very loudly about #1 (and similar one above) for that reason.

Here are some beautiful designs we were looking at, but like Sebastian said we're currently leaning in the direction of something slightly different.

Hyperlogo design by Rogerio Maroja:

hyperlogo

Hypercube design by Guenevere Prawiroatmodjo:

scikit-image

@seberg
Copy link
Member

seberg commented Sep 20, 2019

The 3D perception not working out is one of the main issue I also have with some of the designs. @InessaPawson I am a bit curious, are black and white versions allowed to be gray scale to help the 3D perception be less confusing?

@eric-wieser
Copy link
Member

eric-wieser commented Jun 25, 2020

To be clear, are we voting on a final logo, or will discussion continue narrowed to a specific design idea after the vote?

@rgommers
Copy link
Member Author

Final logo design.

@bjnath
Copy link
Contributor

bjnath commented Jun 25, 2020

Wrong time to bring it up, but suppose we used a slab-serif font to pick up the squares?

image

@InessaPawson
Copy link
Member

@ivanov Thank you for your comment, Paul! We had a brief discussion at the latest NumPy community call about the low rate of participation in making a final decision on the new NumPy logo design. Given the attention this topic previously received from the community, the two possible explanations were the discussion participants and contributors missed the announcements from Ralf and Isabela about the ongoing voting and upcoming deadline, or the absence of the “none of the above” option.

Based on the feedback we have received since my latest post on the mailing list, it looks like it was a combination of both.

@isabela-pf
Copy link
Contributor

The votes are in and it looks like the alternative A ( #326 )has the most support by far. This will be the refreshed NumPy logo:

a_fullcolor

Thanks for everyone’s time and input! I’ll follow up with each of the separate versions for alternative A soon.

@eric-wieser
Copy link
Member

Will using a third shade of blue to distinguish top and side faces be considered as one of the variants?

@rgommers
Copy link
Member Author

I would suggest sticking with what was voted on, unless @isabela-pf believes one of the too-late-to-consider suggestions are potentially significant improvements (personally both look worse to me).

@isabela-pf
Copy link
Contributor

Will using a third shade of blue to distinguish top and side faces be considered as one of the variants?

@eric-wieser No, I meant I am going to post separate full color and one color options as well as options with and without the wordmark. Sorry that was unclear!

@isabela-pf
Copy link
Contributor

Here are the final logos as pngs and my recommended logo usage guidelines!

The primary logo is the horizontal option and secondary logo is the version with the logomark over text. I’ve also provided the logomark on its own (meaning it doesn’t have NumPy written). When in doubt, it’s preferable to use primary or secondary options over the wordmark alone.

Primary
primary

Primary Dark
primarydark

Primary Light
primarylight

Secondary
secondary

Secondary Dark
secondarydark

Secondary Light
secondarylight

Logomark
logomark

Logomark Dark
logomarkdark

Logomark Light
logomarklight

@isabela-pf
Copy link
Contributor

The full color options are a combo of Maximum Blue (#4DABCF) and Han Blue (#4D77CF), while light options are white and dark options Warm Black (#013243).

Whenever possible, use the full color logos. One color logos (light or dark) are to be used when full color will not have enough contrast, usually when logos must be on colored backgrounds.

Please do not make the primary logo smaller than 50px wide, secondary logo smaller than 35px wide, and logomark smaller than 20px wide.

Here are a few other notes to keep in mind when using the logo:
Make sure to scale the logo proportionally.
Maintain a good amount of space around the logo. Don’t let it overlap with text, images, or other elements.
Do not try and recreate or modify the logo. For example, do not use the logomark and then try to write NumPy again in another font.

If this information about logo use should be recorded elsewhere, let me know.

@InessaPawson
Copy link
Member

If this information about logo use should be recorded elsewhere, let me know.

Thank you so much, Isabela!
Please submit the guidelines and upload all the images to this folder: https://github.com/numpy/numpy/tree/master/branding.

@rgommers
Copy link
Member Author

rgommers commented Jul 7, 2020

Those look awesome, thanks @isabela-pf!

All PRs are now merged, and the new logo is visible on https://numpy.org/ and on the README of the main repo. So I think it's time to close this issue.

Thanks everyone for all the input!

@rgommers rgommers closed this as completed Jul 7, 2020
NumPy.org Redesign automation moved this from Backlog/Next Release to Done Jul 7, 2020
@joelachance
Copy link
Collaborator

Looks excellent! 🎉

@Carreau
Copy link

Carreau commented Jul 8, 2020

Just saw the new logo on the readme! Looks awesome ! Great job !

@tvaught
Copy link

tvaught commented Jul 8, 2020 via email

@eric-wieser
Copy link
Member

Looks like some of our trial non-final logos are being used in the wild...

image

(from the numba dev meeting)

@seberg
Copy link
Member

seberg commented Aug 11, 2020

Yes, I saw that logo (and I think one other here) previously as well... I guess it will hopefully flush out slowly, its a bit strange how those came into circulation...

@ilayn
Copy link

ilayn commented Oct 24, 2020

Thanks to @melissawm 's ping in SciPy.org PR, I remembered that I forgot to put this here; logomark in TikZ to be used by TeX users. I didn't recreate the paths but rather got all the definitions from the SVG file

\documentclass[tikz]{standalone}
\definecolor{Maximum Blue}{HTML}{4DABCF}
\definecolor{Han Blue}{HTML}{4D77CF}
\definecolor{Warm Black}{HTML}{013243}
\usetikzlibrary{svg.path}
\begin{document}
\begin{tikzpicture}[scale=1]% Change scale here
\begin{scope}[yscale=-1]
\path (0,0) rectangle (500pt,500pt);% Bounding box for padding
\fill[Maximum Blue]%    Set "white" for light theme, and "Warm Black" for dark theme
svg[scale=1pt]{M220.93 127.14 151.77 92.23 75.87 130.11 146.9 165.78 220.93 127.14}
svg[scale=1pt]{M252.63 143.14 325.14 179.74 249.91 217.52 178.77 181.79 252.63 143.14}
svg[scale=1pt]{M349.47 92.76 423.96 130.11 357.34 163.57 284.68 126.92 349.47 92.76}
svg[scale=1pt]{M317.41 76.67 250.35 43.05 184.01 76.15 253.11 111 317.41 76.67}
svg[scale=1pt]{M264.98 365.44 264.98 456.95 346.22 416.41 346.13 324.86 264.98 365.44}
svg[scale=1pt]{M346.1 292.91 346.01 202.32 264.98 242.6 264.98 333.22 346.1 292.91}
svg[scale=1pt]{M443.63 275.93 443.63 367.8 374.34 402.38 374.29 310.93 443.63 275.93}
svg[scale=1pt]{M443.63 243.81 443.63 153.79 374.21 188.3 374.27 279.07 443.63 243.81};
\fill[Han Blue]%    Set "white" for light theme, and "Warm Black" for dark theme
svg[scale=1pt] {M236.3 242.6l -54.72-27.51V 334s -66.92-142.39-73.12-155.18c-.8-1.65
                -4.09-3.46-4.93-3.9-12-6.3-47.16-24.11-47.16-24.11V 360.89l48.64,26V
                277.08s66.21 127.23 66.88 128.62 7.32 14.8 14.42 19.51c9.46 6.26 50
                30.64 50 30.64Z};
\end{scope}
\end{tikzpicture}
\end{document}

hroncok added a commit to hroncok/cheatsheets that referenced this issue Oct 28, 2020
See numpy/numpy.org#37

Sorry for the noisy diff, my Inkscape is newer now.
@rhoit
Copy link

rhoit commented Nov 12, 2020

new logo reminds me of windows 10 rather than numpy

image

@insertinterestingnamehere

Just noticed the new logo. This is fantastic! Thanks for putting it together!

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

No branches or pull requests