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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a logo for Ignite #1221

Closed
isabela-pf opened this issue Jul 28, 2020 · 24 comments 路 Fixed by #1324
Closed

Create a logo for Ignite #1221

isabela-pf opened this issue Jul 28, 2020 · 24 comments 路 Fixed by #1324

Comments

@isabela-pf
Copy link
Contributor

馃殌 Feature

@vfdev-5 asked me to work on a logo to represent Ignite and its relation to main PyTorch, so I鈥檓 opening this issue to post iterations and provide a place for discussion.

All feedback is welcome! I'm looking forward to hearing the community's thoughts.

These first iterations use the same orange as PyTorch (#ee4c2c)and maintain similar line weight (and sometimes the small circle) in order to show a visual relationship between the projects. The potential directions for Ignite鈥檚 logomark are meant to highlight Ignite鈥檚 strengths of simplicity and speed as well as the kick starting nature of some of its 鈥渙ut-of-the-box鈥 features.

Option 1-1

Compared to the current PyTorch logo, Option 1 is meant to be more a energetic spark than a steady, symmetrical flame.
1-1
1-1color

Option 2-1

Option 2 is the furthest from the current PyTorch logo and revolves around the idea of a matchstick. The flame shape is closest to the current PyTorch logo of the different options.
2-1
2-1color

Option 3-1

Another idea around a spark originating from a single point. Different flame shape and direction.
3-1
3-1color

Option 4-1

This developed as a variation of Option 3. While it is my least favorite, I wanted to provide an option that feels sharper and more explosive.
4-1
4-1color

@isabela-pf
Copy link
Contributor Author

I鈥檝e also been experimenting with different type that has a little more character, but also aligns a little less with PyTorch鈥檚 current logo. Here it is mocked up next to each of the directions.
varta1
varta2
varta3
varta4

Additionally, just because it needs to match with PyTorch鈥檚 logo doesn鈥檛 mean we have to stick with the same orange. I think either a similar warm color or a contrasting blue could work if there鈥檚 interest in breaking from the orange. I鈥檝e only mocked these up on one option, but I鈥檇 be willing to try them on other options if there is interest.

colors

@sdesrozis
Copy link
Contributor

sdesrozis commented Jul 28, 2020

@isabela-pf thank you very much for this amazing work 馃槉

Personally I enjoy the option 4 馃槉 I think that moving from orange to another colour is a good idea.

I was not convinced by the "y" rendering of first experiments but I really like from your last post.

Let's see what others say !

Thank you again!!

@ericspod
Copy link

Looks good! My choice would be option 1 and definitely some other could be nice, maybe a thematic colour for different parts of the library.

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Jul 28, 2020

Thanks a lot @isabela-pf ! All logos looks great !
As for me I would choose option 1 and 3. Option 4 is interesting too, we could imagine something in between 1 and 4: fire starting point in the middle and several flames going up like in the option 4 but smooth like option 1 ?

@fco-dv
Copy link
Contributor

fco-dv commented Aug 4, 2020

All these proposals are great, my choices would go more towards design 1 and 4. Proposition 4 reminds me a little bit of the Apache Spark logo. A change of colour is a great idea to mark the differentiation.

@isabela-pf
Copy link
Contributor Author

To try and make the options easier to track, I鈥檓 putting each direction in a separate comment. That way people can add reactions if they want (though comments are still greatly appreciated!) and it should feel like a more manageable post.

While I cleaned each idea, the most noticeable change is the color experimentation and switching all type to Varta. Each option keeps an element of the original orange, but adds a color designed to compliment it. All options are shown with the same color set of combos.

Option 1-2

The flame shape is modified spark resized. Overall, it is closest to 1-1.
Orange
12orange
12orange2

Yellow
12yellow
12yellow2

Violet
12violet
12violet2

Red
12red
12red2

@isabela-pf
Copy link
Contributor Author

Option 1-3

Also close to 1-1, this version has a slightly wider flame and has the spark moved to the base. When I was experimenting, I thought this gave the logo a greater sense of upward motion.
Orange
13orange
13orange2

Yellow
13yellow
13yellow2

Violet
13violet
13violet2

Red
13red
13red2

@isabela-pf
Copy link
Contributor Author

Option 4-2

This is the requested combination of 1-1 and 4-1. Interpreting the 4-1鈥檚 spikes to have the curved flame also meant cutting down the number of peaks. I also tried out a square spark to line up with the sharp ends of the flame. Out of all the options, I think this one has the greatest sense of motion. It also has the most details, which means it is just a little harder to read at small sizes than 1-2 and 1-3.
Orange
42orange
42orange2

Yellow
42yellow
42yellow2

Violet
42violet
42violet2

Red
42red
42red2

@sdesrozis
Copy link
Contributor

@isabela-pf

It seems not so easy to find good colors for the logo. You provided a lot of color scheme's alternatives and I don't have a preference atm. But I really enjoyed the sharper option 4 :)

About logo composition, I think I prefer when the dot (or square) is in bottom left rather than in middle or right. I feel more flowing (in a sense) maybe related to reading from left to right.

@fco-dv
Copy link
Contributor

fco-dv commented Aug 17, 2020

Personally, my choice would go towards the 4-2 option and with the "first violet" color, awesome work!

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Aug 17, 2020

I was talking to @isabela-pf in a private discussion and proposed to explore the following direction.

I was inspired of the option 1-2 and 4-2 and drawn quickly this :

image

In some sense, behind the form there is pytorch's droplet but I would like to keep 3 flames like in 4-2 (well 2 flames are just "silhouttes") instead of 2 as in 1-2 but keeping everything in the same layout as in 1-2...

@sdesrozis @fco-dv what do you guys think about ?

@sdesrozis
Copy link
Contributor

It reminds me of a candle in a circular urn. Why isn't the circular shape closed? It's a nice idea.

@sdesrozis
Copy link
Contributor

image

It inspires something like that as well. Maybe we should work on the circular shape.

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Aug 17, 2020

It reminds me of a candle in a circular urn. Why isn't the circular shape closed? It's a nice idea.

I was thinking that there is an invisible match going up to the red circle. And as for side flames I didn't manage to draw nice second parts of them and left open...

@isabela-pf
Copy link
Contributor Author

Blending the flame shapes we鈥檝e been looking at ended up being more difficult than I anticipated, but I also think it鈥檚 a great idea so I was happy to experiment with it. Thanks for your patience!

It sounded like there was more interest in keeping the original PyTorch orange with the touch of a yellow, so I continued that here. I鈥檓 happy to try out other colors again as we continue to whittle the options for shape down.

This addition of 1-2鈥檚 shape and 4-2鈥檚 flame style makes up 5 (fitting, and not even planned!).
All the 5s are very close to each other, so I鈥檓 pointing them out to make it easier for you all to choose what you like.
There are three main areas to look at:

  • Flames: Some have three flame peaks, others have two flame peaks and a curve similar to the pure PyTorch logo.
  • Dot/Spark: The placement of the dot/spark can fit the upper right or the lower right in most cases.
  • Line: Options either have one continuous line or multiple segmented lines making up the flames

Thanks for all the continual feedback! I look forward to hearing what you think about these.

Option 5-1

Two flame peaks and curve, upper right dot, and continuous line.

5-1

5-1color

Option 5-2

Two flame peaks and curve, lower right dot, and continuous line.

5-2

5-2color

Option 5-3

Three flame peaks, upper right dot, and segmented lines.

5-3

5-3color

Option 5-4

Three flame peaks, lower right dot, segmented lines.

5-4

5-4color

@isabela-pf
Copy link
Contributor Author

6 is different, but calls in more of pure PyTorch鈥檚 angles (just like 5 starts to) I think it also has a sense of looping together that reiterates the relationships between projects. Just throwing in a more geometric approach since that hasn鈥檛 been represented much in this process and it is a possible solution.

Option 6-1

6-1

6-1color

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Aug 27, 2020

@isabela-pf thanks a lot for your huge work on our logo ! I really appreciate all those ideas you put here with the description for each image.

I like 5-2 and 5-4. I played with images and mixing them up with some rescale and rotation I obtained:

logo1+2

If we could remove this visible skew in the bottom (more symmetric) it would be perfect for me. What do you think ?

@isabela-pf
Copy link
Contributor Author

Hi @vfdev-5, that's actually one of the options I mocked up already when exploring the concept, so I had it ready to go. Here's it is:

Option 5-5

Three flame peaks, lower right dot, continuous line.

5-5

5-5color

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Aug 27, 2020

@isabela-pf that's great ! Is it possible to turn it such that yellow point and central flame were more vertically aligned and make the complete flame less wide and more subtle (as the package is :) )?

@sdesrozis
Copy link
Contributor

@isabela-pf I really enjoy your last works!!

To me, the 5.2 is good. I don't know how to express it correctly but I think shapes should be as more as possible arcs of circles. I feel that it's ok for right part of external shape but not for left (near "flame").

Btw, it's very nice, bravo !!

@isabela-pf
Copy link
Contributor Author

isabela-pf commented Sep 15, 2020

Since this round was focused on polishing, changes might be more difficult to spot. Once again, I鈥檝e listed them here to help:

  • Type: The font is changed from Varta to Oxygen. This brings back the single-story g with a typeface that has a little more geometry overall. (Side note: I am amused by the idea that a flame logo might be accompanied by a font named Oxygen.)
  • Color: Orange remains the same #ee4c2c and the yellow has been slightly lightened to be #eaa700 for greater contrast.
  • Flame shape: Adjusted shape and proportions. 5-6 has very minor changes in shape while 5-7 demonstrates the narrower proportions @vfdev-5 suggested. I keep changing my mind on which direction I like better, so it鈥檇 be great to hear what people think. (React with 鉂わ笍 for 5-6 and 馃殌 for 5-7, maybe?)

I think we're getting close to a decision, so let me know if there's a specific way we want to make the final choice (is is a vote, is it a specific group's choice, etc.).

5-6

5-6orange

5-6white

5-6favicon

5-7

5-7white

5-7orange

5-7favicon

Curious about how the transition between shapes?

This section is for you! All 5's started with a three by three grid like this:
grid-square

So to work with the "slim" idea, I shifted to a roughly two by three grid:
grid-narrow

This seems to be the smallest I can go and still manage to have three smooth peaks to the flames. While it might not be as narrow as expected, I think this grid still feels more vertical in a way that 5-5 does not. Switching to this grid also meant switching from a circle base for the flames (more like the main PyTorch logo) to an oval and greatly changed how the curves needed to flow.

@isabela-pf
Copy link
Contributor Author

I鈥檓 following up with a polished version of 5-7 based on comments from @vfdev-5 . Thanks to all the lovely feedback on this issue, I think this logo is refined and ready to be wrapped up. Is there any final approval it needs to go through?

5-10orange

5-10white

It鈥檇 also be helpful to know where it makes sense to keep the final logo and related pieces. Should this be a PR or does it belong elsewhere?

@isabela-pf isabela-pf mentioned this issue Sep 26, 2020
3 tasks
@ydcjeff
Copy link
Contributor

ydcjeff commented Nov 11, 2020

Shall we further do favicon for documentation as well?

@vfdev-5
Copy link
Collaborator

vfdev-5 commented Nov 11, 2020

@ydcjeff good idea ! Could you, please, open an issue for that ?

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 a pull request may close this issue.

6 participants