Skip to content

Add notebook for creating (and exploring) logos #506

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

Merged
merged 12 commits into from
Oct 7, 2023

Conversation

eriknw
Copy link
Member

@eriknw eriknw commented Oct 1, 2023

Aim is to close #171.

I don't trust my eye for artistic or design work, so I tried to make it possible (and hopefully not too difficult) to experiment with both the color palette and logos.

I want to hear feedback! :)

@eriknw
Copy link
Member Author

eriknw commented Oct 1, 2023

Oh good, it looks like the images persisted, so it's possible to view the notebook in this PR to see everything. For example: https://github.com/python-graphblas/python-graphblas/blob/f2dee979916a8068109f20a14921f0627bfd0e7f/notebooks/logos_and_colors.ipynb

@SultanOrazbayev
Copy link
Member

I like variant 1. :)

@eriknw
Copy link
Member Author

eriknw commented Oct 1, 2023

Thanks @SultanOrazbayev! I could go with variant 1 :)

I'm curious what these look like with the name logo added beside or below.

Also, note that the logos don't currently render correctly on Android devices (b/c they don't have Courier New font).

@coveralls
Copy link

coveralls commented Oct 1, 2023

Coverage Status

coverage: 99.543% (+0.2%) from 99.357% when pulling 0578452 on eriknw:logos into 1964ebb on python-graphblas:main.

@SultanOrazbayev
Copy link
Member

Also, note that the logos don't currently render correctly on Android devices (b/c they don't have Courier New font).

Whoa, I thought font availability problem was a thing of the past.

@eriknw
Copy link
Member Author

eriknw commented Oct 2, 2023

If you're wondering where the other secondary colors come from (celadon, eggplant, and dutch white), it's b/c I like the way they look here:
https://coolors.co/visualizer/208bb4-f87a2d-b2c9ab-e8ddb5-463239

@eriknw
Copy link
Member Author

eriknw commented Oct 2, 2023

Here's variant 1:
logo0
logo1
logo1b
It was recommended that logos be simple, including perhaps not having the white border as in the logo directly above this line (i.e., the third logo above). Also, a logo needs to be versatile and usable in many contexts. Let's try making some lines and nodes slightly larger:
logo2
logo3
Better? For me, the white rings here look even more obtrusive than before:
logo4
Now let's consider removing the gap between nodes and edges:
logo5
logo6
Thoughts?

@eriknw
Copy link
Member Author

eriknw commented Oct 2, 2023

Reversed colors:
logo7
logo8
I recommend zooming out to 20% to 25% to see the logos when smaller.

@SultanOrazbayev
Copy link
Member

The G is not as recognizable when zoomed-out, but I think that is fine (and expected) at small scale.

@eriknw
Copy link
Member Author

eriknw commented Oct 3, 2023

One more iteration of simplification! These only use two colors and are the same regardless of light or dark. I also made some things slightly thicker to show up better when displayed as a small favicon. Left/middle/right use slightly different colors, because slightly lighter colors show up better for me when small.

2color_light0 2color_light0b 2color_light0c

2color_dark0 2color_dark0b 2color_dark0c

2color_light1 2color_light1b 2color_light1c

2color_dark1 2color_dark1b 2color_dark1c

The right-most logos use this color palette:
https://coolors.co/85ffc7-ff8552-6d213c-409dc1-39393a (this can also show color-blindness)
https://coolors.co/visualizer/85ffc7-ff8552-6d213c-409dc1-39393a

I'm leaning towards orange nodes and blue lines, which comes across as stronger/bolder for me. This also makes us more similar to NetworkX logo and less similar to NumFOCUS logo.

Compare to NumFOCUS logo:

NF-circle-brackets

and NetworkX logo:

networkx_logo

To recap: the top-right is my leading contender as the logo:

2color_light0c 2color_dark0c

Any final tweaks to try? CC @jim22k

(note: I did not "borrow" any color from any other logo--these colors are our own--but blue/orange was considered so as to be similar to networkx; also, our brackets looks different than the NumFOCUS brackets)

@eriknw
Copy link
Member Author

eriknw commented Oct 3, 2023

Notebook updated, and logo added to repo:

python-graphblas-logo3 (1)

@jim22k
Copy link
Member

jim22k commented Oct 4, 2023

That works for me.

@eriknw
Copy link
Member Author

eriknw commented Oct 7, 2023

Merging! Thanks for all the feedback y'all (here and through other channels). This was pretty fun!

I just whipped up the vertical and horizontal versions of the logo (image + text). We can always review and make changes if there's a reason to.

@eriknw eriknw merged commit 43deb66 into python-graphblas:main Oct 7, 2023
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.

ENH: python-graphblas could use a logo!
4 participants
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy