Making a Logo

[CSSFrancis]

Describe the bug

We should make a logo for exspy.

I've just mocked up a simple logo based on a combination of the Rosettasciio logo with the snake and the hyperspy logo. Eventually we can try to make something better but maybe this is a good starting place.

[jlaehne]

What comes to my mind is something based on a mockup of the inner atomic shells that are important for both EDX/EELS - something like a simplified version of the following?

One could consider using the coloring of the hypercube for the different shells to make an association to the hyperspy logo, maybe also make the shells slightly elliptic/or 3D to get away from a darts board like representation? Like a cut-open ball model with colored shells.

[CSSFrancis]

I generally don't like 3D for logos as it's hard to do right. I kind of like making letters too. Maybe we can have the shells and then something like an incoming electron an X-ray scattered off and then a scattered electron making a y?

[CSSFrancis]

I tried something, but I don't thing it really worked out as well as I thought I would have :)

[CSSFrancis]

[CSSFrancis]

Just mocking somethings up....

Edit:

Making the lines a little thicker:

[jlaehne]

Played with the ideas a bit further:

I really like the last version with italics and a small e for electrons and large X for X-rays.

[jlaehne]

The last one also in a dark mode version (like for LumiSpy I would propose to have both versions):

[CSSFrancis]

@jlaehne I think that looks good! The dark version with a sans serif font looks better than the options with a serif font.

Maybe things might look a bit better if the font and rings are w a bit thicker but that's just a minor thing to play around with.

All together I like it :) and I think the y looks cool.

[jlaehne]

I looked for a font that matches the rounded head lines I used in the y and that is indeed best with Nunito. I made the rings a bit thicker and experimented with a slightly thicker version of the font. However, in the thicker version, the wiggled X-ray line does not look good any more, so I would stick with 'Nunito light it':

I used the same font for a holospy logo: hyperspy/holospy#20

[CSSFrancis]

@jlaehne sounds good to me! I think I dont have the font installed so the svg didn't render properly.

You're right that the little thicker line for makes the x ray a little weird.

[jlaehne]

Then here comes a png preview to avoid any font issues (the final svg will then have the text converted to a path):

As said, I would go for the upper set.

[ericpre]

Thank you @jlaehne and @CSSFrancis, this is already quite good. I really liked @jordiferrero's contribution to lumispy and rosettasciio logos, @jordiferrero, would be interested and have time to do some of your magics?

[jordiferrero]

Thank you @jlaehne and @CSSFrancis, this is already quite good. I really liked @jordiferrero's contribution to lumispy and rosettasciio logos, @jordiferrero, would be interested and have time to do some of your magics?

I love making logos - this is what I came up after 30min. Any comments?

[jlaehne]

Thanks @jordiferrero for jumping in so quickly. Your wave is definitely better than mine, I realize that I squeezed in too many lobes. I still like the idea though that the scattering occurs on one of the shells, even if it leads to an overlap of lines. Not sure if the arrow heads are necessary (the upper left line would be the incoming electron and the lower left one the outgoing).

Based on your design, I improved on my last proposal (better wave, less strict shape of the y with respect to the one from the font, more pronounced snakehead) and can now even accomodate the slightly thicker font that @CSSFrancis was proposing:

Edit: Only point is that it looks like having a capitalized Y, but I would still write the package eXSpy.

[CSSFrancis]

@jordiferrero If you want some more logos to play around with there is always pyxem/pyxem#984 pyxem/diffsims#192 and hyperspy/holospy#20 (I'm only kind of kidding)

Although it is nice to have the scattering from some shell of the electron I think I like @jordiferrero's design with the cut away from a aesthetics perspective as it does make things look less busy. The "y" is kind of lost on me in that design and I don't know the top rays have to be quite that long. I would just make it a lower case y by moving it down and chopping off part of the incoming electron and outgoing x ray.

[HanHsuanWu]

interesting to see how the logos progresses lol. Nice

[CSSFrancis]

interesting to see how the logos progresses lol. Nice

No one ever said that we were quick about these kind of things :) The Rosettasciio logo thread was fun to follow as well.

In any case how do we feel about something like this? Some one who is better at making logos might have to make it so that

PNG

SVG

[ericpre]

Thank you @CSSFrancis, @jlaehne and @jordiferrero for the mockups.
I am not I like the italic font and the elliptic shells. I find one of @CSSFrancis's early version (in #17 (comment)) quite simple and nice - the position of the shells doesn't look right though!

[jlaehne]

Based on feedback from @CSSFrancis: y a bit smaller again and lower and lines not overlapping (can still be optimized if we go for it). For @ericpre a non-italic version.

I like the "elliptic shells" as a kind of tilted view, because I find it plays better with the scattering process being closer to a 'y'.

[francisco-dlp]

The logo looks great. Before Christmas I started thinking on a different approach that involved placing the letters inside squares representing an unfolded tesseract, but styled as a periodic table. I am glad that I didn't try to implement this idea, since I like more the shells logo above.

A small suggestion: what about moving the head of the snake to the wobbly line?

[ericpre]

Thank you @jlaehne, the shells are looking good. I still feel that that there are some proportions that are not quite right: maybe increase the "thickness" of the font (something similar to the lumispy and rosettasciio logos?) and align the Y to be lower case (at the moment, it seems to be in-between lower and upper case).

The snake on the S seems to have become a pattern, first introduced in the lumispy logo and then used in the rosettasciio logo! ;) It would be nice to keep this pattern.

[jlaehne]

The y was more like the lower case one in #17 (comment)
Then from #17 (comment) I thought that for a logo I should maybe not be so strict on that.

I already pushed the font thickness, but with more the y will start looking odd, in particular the x-ray photon wave.

I can slightly optimize the shape of the y, the cutout of the shells and the snakehead, but before I spent time on that would like to decide between the following options, so lets have a vote to converge a bit further!

• 🚀 nunito italics
• 🎉 nunito upright
• 👍 intermediate y as in Making a Logo #17 (comment)
• 👎 lowered y more like in Making a Logo #17 (comment)

[jlaehne]

We need more opinions in the poll here @CSSFrancis @hakonanes @francisco-dlp @jordiferrero @HanHsuanWu

[hakonanes]

Voted. Great work, I think the logo perfectly captures the relevant spectroscopies. I like the colors, too!

[jlaehne]

OK, I'm outvoted. Here is the result: