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

Make a logo for urllib3 #1597

Closed
shazow opened this issue May 4, 2019 · 58 comments
Closed

Make a logo for urllib3 #1597

shazow opened this issue May 4, 2019 · 58 comments

Comments

@shazow
Copy link
Member

@shazow shazow commented May 4, 2019

@sethmlarson had a cute idea: ur//ib3, kinda inspired by Mozilla's moz://a.

Would be fun to make stickers for future PyCons and whatnot.

Maybe someone is inspired to take a shot at this?

Or maybe we can convince a designer of one of the corporate sponsors to take a stab at it? :D

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 4, 2019

I know @theacodes mentioned asking the individual who created her logos and art. :)

@theacodes
Copy link
Member

@theacodes theacodes commented May 4, 2019

She'd be a great choice if we want a more illustrated logo (like Nox), but a simple typography-based logo would be great as well. I have a graphic designer that could handle that.

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 23, 2019

Okay, so with the disclaimer that my design training comes from the school of MS Paint, I had a quick go at mocking something up this morning:

Screenshot 2019-05-23 at 08 01 52

The font is Monaco which I don’t think you can license? I think Apple owns it? So you’d have to draw your own letters. But it gives you the idea. (I did tweak the three to have a pointy top rather than a curly top.)

I played with a couple of variants on the slashes – first a solid black, but that’s quite imposing, so I tried doing it in outline – with the thicker weight I kind of dig it? I also poked at putting other colours in the slash because who doesn't want rainbow-pride/trans-pride variants of their logo, right? :D

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 23, 2019

(What if you tilted the “i” to match the slashes?)

@shazow
Copy link
Member Author

@shazow shazow commented May 23, 2019

@alexwlchan Cute! Thank you for sharing. :) The rainbow is a great idea.

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

I'm worried about the possibility of infringing on the moz://a logo by doing this. I'd be surprised if that isn't trademarked and the semblance would be considered too close for comfort. Does anyone else share those reservations? Could we perhaps draw inspiration without being so close to their logo?

@pquentin
Copy link
Member

@pquentin pquentin commented May 23, 2019

It's also close to the curl logo: https://daniel.haxx.se/blog/2016/05/27/a-new-curl-logo/

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

I'll have to investigate whether the stylized L's are covered. This is something we talked about :)

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 23, 2019

An idea I didn’t sketch out this morning: URLs are often seen in a browser address bar. So set it in a thing that looks like that?

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

I'll have to investigate whether the stylized L's are covered. This is something we talked about :)

When you say "This is something we talked about" who is the "we"? Have you already talked to Mozilla about this? If they didn't object already and I'm just bringing us back to a prior point, let me know. I just know that organizations need to police trademark related things strictly in order to keep them (see also the PSF Trademark WG) and I don't like creating busy work for people when that can be avoided. (Nor do I want us to update the logo and then have to immediately change it. Plus it can be scary to be on the receiving end of a Trademark legal letter)

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

Sorry for being vague, I meant @shazow @theacodes and I as "we", I haven't spoken to Mozilla or curl.

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

Feel free to tell me to bugger off, too. :)

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

Oh no, if anything I'll be begging you to stay. :)

@theacodes
Copy link
Member

@theacodes theacodes commented May 23, 2019

I can reach out to Moz to check.

@alexwlchan are you interested in polishing things up to the final logo? I can help with font licensing and such. Or, if you just want to leave us with the concept I have a few designers that can take over from here. :)

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

Also, as an aside, I wonder if we could throw a pidgeon in there in homage to all of the April Fools RFCs about IPoAC - although, April Fools is a pain and maybe this would be a bad idea to encourage it.

@theacodes
Copy link
Member

@theacodes theacodes commented May 23, 2019

A pigeon would be excellent if we decide to hire an illustrator (vs a graphic designer) for the logo (think Moz logo vs Firefox logo).

@theacodes
Copy link
Member

@theacodes theacodes commented May 23, 2019

I've emailed Moz. Will keep y'all updated.

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

Wow that's a great idea with the pigeon! I love that. 🐦

@theacodes
Copy link
Member

@theacodes theacodes commented May 23, 2019

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented May 23, 2019

I like all these options! On the slash-centric ones, maybe move the slashes up so that there's a consistent baseline under all the characters?

I could also maybe see something like urllib:/// with the slashes being Roman numerals 😂

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

@haikuginger But our URL parser isn't WHATWG compliant :P

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented May 23, 2019

quick and dirty with random colour choice, but you could lean into the library idea with something book like… this is just TextEdit.

image

@shazow
Copy link
Member Author

@shazow shazow commented May 23, 2019

Ryan is a friend (at Mozilla no less!), I'm amused that it's leaning into the "lib3" part of the name, arguably the worst part. ;)

@shazow
Copy link
Member Author

@shazow shazow commented May 23, 2019

@theacodes

A little pigeon with a letter in its beak. A carrier pigeon. :3

That letter's name? The number 3.

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented May 23, 2019

Written out it is urᴉᴉib³

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 23, 2019

I really love the colors there. Emphasizing the 3 twice is great. Then we can use the "!!i" as a square logo too? Ah I love it all :D

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

What if the pidgeon is carrying the 3 away?! That way it's like it's removing @shazow's most hated thing ;)

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 23, 2019

@theacodes I’m shocked, nay, insulted that I haven’t won you over with my clear MS Paint-level prowess. 😉

I’d be happy to polish up typographical variants, but a pigeon is way beyond my artistic skills.

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented May 23, 2019

Riffing on @ryanfeeley's take, here are a couple potential square logos. I kind of enjoy the network-like feel of the negative-space one.

Untitled drawing

@shazow
Copy link
Member Author

@shazow shazow commented May 23, 2019

The negative-space one looks like a llama-duck.

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented May 23, 2019

The negative-space one looks like a llama-duck.

CANNOT UNSEE IT.

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented May 23, 2019

Tweaked version with slightly different whitespace.

urllib3 logo 2

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

Also, to be clear, I was joking about the pidgeon and also like @ryanfeeley's riffing + the square logos @haikuginger has shown here. Y'all are amazing for having any kind of artistic skill. 🙏

@theacodes
Copy link
Member

@theacodes theacodes commented May 23, 2019

@sigmavirus24
Copy link
Contributor

@sigmavirus24 sigmavirus24 commented May 23, 2019

I think the most magical person is the person who makes the decision

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented May 23, 2019

One more. With a 15º tilt.

urllib3 logo 3

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented May 24, 2019

To perfect the square icon for favicon use, I put it on a 16×16 grid. The stems are 4px wide, and the negative space is 3px wide. This way, no blurred edges at small sizes.
image

@theacodes
Copy link
Member

@theacodes theacodes commented May 24, 2019

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented May 24, 2019

Like this?
image

@theacodes
Copy link
Member

@theacodes theacodes commented May 24, 2019

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 24, 2019

💜 Ryan’s logo, so much nicer than mine

(Also, that 16x16 grid comment has finally made me realise why one of my other icons always looks blurry. Obvious in hindsight!)

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 26, 2019

I took Ryan’s design and played with it a bit, trying to get versions of the other letters that match the weights of the coloured rectangles. Still Helvetica letters in the SVG rather than actual drawn curves; the bulb of the “b” and the “3” both look wrong, but I’m liking the concept. :)

Screenshot 2019-05-26 at 19 30 45

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 26, 2019

What are everyone's thoughts on making the two L's solid?

@alexwlchan
Copy link
Contributor

@alexwlchan alexwlchan commented May 27, 2019

@sethmlarson I think that would lose a lot of the distinctiveness.

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented May 27, 2019

That's true, I love it in its current state too. :)

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented Nov 5, 2019

I'm going to make the executive decision and go with @ryanfeeley for a banner logo and @haikuginger's square logo. Thanks everyone, this really will bring a lot of character to this repository. :)

@shazow
Copy link
Member Author

@shazow shazow commented Nov 5, 2019

Yay great work! 🎊

@haikuginger
Copy link
Contributor

@haikuginger haikuginger commented Nov 6, 2019

@sethmlarson do you want me to post a PR with the SVG for the square icon? Also, which one did you mean? Looking back, I went a bit overboard 😂

@pquentin
Copy link
Member

@pquentin pquentin commented Nov 6, 2019

This one: https://github.com/urllib3/urllib3/blob/master/docs/images/logo.png 😄

But I think we should use the grid from @ryanfeeley for the square logo, so that we can use it in the favicon for our docs.

We definitely want to use SVG, the logo is perfect for this. I'm currently working on this for the full logo, the current version is:

(This is probably broken everywhere except on macOS, but it's a start)

(Oh, and whoops, the letters weren't even correct!)

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented Nov 6, 2019

Here's an optimized SVG of the original. I just exported the urᴉᴉib³ from TextEdit and cleaned it up in Illustrator. urllib.svg.zip

@pquentin
Copy link
Member

@pquentin pquentin commented Nov 7, 2019

@ryanfeeley Awesome thanks, that looks great! Is this logo under a specific license?

@shazow
Copy link
Member Author

@shazow shazow commented Nov 7, 2019

@ryanfeeley Ideally we can merge it under the same license as the rest of the repo (MIT), or worst case some variant of CC.

@ryanfeeley
Copy link

@ryanfeeley ryanfeeley commented Nov 7, 2019

Happily licensed under Attribution 4.0 International (CC BY 4.0) https://creativecommons.org/licenses/by/4.0/

@pquentin
Copy link
Member

@pquentin pquentin commented Nov 8, 2019

Great! @shazow where do we want to record this information?

@sethmlarson
Copy link
Member

@sethmlarson sethmlarson commented Nov 8, 2019

We can add a README.md within the images directory?

@shazow
Copy link
Member Author

@shazow shazow commented Nov 8, 2019

For utilized component licenses, you typically put them in a NOTICE file, or could do README attribution in the respective dir too.

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

No branches or pull requests

8 participants