junit5 icon indicating copy to clipboard operation
junit5 copied to clipboard

Decide for and adopt new project logo

Open marcphilipp opened this issue 6 months ago • 2 comments

Since the current logo contains the number 5, we need a new logo for 6.0. I think it would be good to involve the community in this, potentially via some kind of "logo contest". We should make it clear that we won't accept any AI-generated logos and that all rights of the new logo will belong to the project. We can, of course, decide to give praise and attribution in case we decide to adopt a logo from the community. Alternatively, we could discuss using a platform like Fiverr to hire someone to do the logo design for us.

[!IMPORTANT] Ground rules (inspired by https://github.com/CSS-Next/css-next/issues/105)

  1. Work well very small
  2. Be legible
  3. Work without color (e.g. to avoid issues with red-green color blindness)
  4. Include the text "JUnit" in the logo or next to it
  5. Not include a version number (no 6!)
  6. Should be an SVG
  7. Not be AI-generated
  8. All rights to the logo should be transferrable to the JUnit team

Deliverables

  • [x] Research how other projects have done this in the past
  • [x] Discuss with the team
  • [ ] Collect ideas

marcphilipp avatar May 26 '25 08:05 marcphilipp

A few ideas:

  • Continue to use red/green color palette
  • Include ✔ and ✘ to indicate successful and failed tests
  • Maybe some kind of shield as a metaphor for protecting code from bugs?

marcphilipp avatar May 26 '25 10:05 marcphilipp

How about something like this? Image

hd42 avatar May 26 '25 12:05 hd42

I fixed it! 😏

Image

In all seriousness, this is of course not meant to be the new logo. I put it in the README for now to avoid confusing people because we will soon rename the repo (see #4577). 😉

Serious proposals are still very welcome!

marcphilipp avatar Jun 20 '25 14:06 marcphilipp

file_0000000019dc62439449fc82f742276d.png

wlsc avatar Jun 20 '25 18:06 wlsc

Image

Let me propose this. Checkmark / j logotype and a bit bolder typeface (Superseded by https://github.com/junit-team/junit-framework/issues/4576#issuecomment-3016807536)

pdudits avatar Jun 20 '25 23:06 pdudits

@pdudits Interesting concept! I get why you made the "j" lower case in the text. Could you please do a variant with an upper-case "J" as well?

marcphilipp avatar Jun 21 '25 08:06 marcphilipp

Here are some ideas I'm toying with:

If anyone wants the source SVG, please let me know.

marcphilipp avatar Jun 21 '25 10:06 marcphilipp

I get why you made the "j" lower case in the text.

You'd be surprised but the chain of thought was opposite. Your comment made me realize for the first time in 20 years that there's no lower case J in project name 😆

Anyway, here's uppercase variant. (Superseded by https://github.com/junit-team/junit-framework/issues/4576#issuecomment-3016807536)

Image

pdudits avatar Jun 21 '25 14:06 pdudits

Hey @marcphilipp why invert the colors? Historically, the J is the green one, right? And I like the fourth, with the floating check on i.

Also, really liked @pdudits work. Would be "too much" to mix both?

lobaorn avatar Jun 21 '25 14:06 lobaorn

Here are some ideas I'm toying with:

@marcphilipp I like the idea of combining both three and forth. Move the green tick to third.

It kinda says TDD principle Red(J)-Green(U)-Refactor it right(✓).

anbusampath avatar Jun 21 '25 15:06 anbusampath

You'd be surprised but the chain of thought was opposite. Your comment made me realize for the first time in 20 years that there's no lower case J in project name 😆

And I had thought you used a lower-case "j" to be consistent with the j/checkmark in the logo. 😆

Anyway, here's uppercase variant.

Thanks! Have you tried doing the logo with a circle instead of the rounded rectangle? I'm not sure whether that works but it would be nice for continuity with the current "5" logo. WDYT?

Also, really liked @pdudits work. Would be "too much" to mix both?

I do, too! We can certainly give that a try. My gut feeling is that it would be too much.

marcphilipp avatar Jun 21 '25 17:06 marcphilipp

Thanks! Have you tried doing the logo with a circle instead of the rounded rectangle? I'm not sure whether that works but it would be nice for continuity with the current "5" logo. WDYT?

I can give it a try, but the checkmark already didn't work well in square because of proportions and circle constraints the space even further.

pdudits avatar Jun 21 '25 18:06 pdudits

Image

Unfrotunately that symbol really needs to have roughly 4:5 proportions to work -- you can see the magic when you cover bit from the left. Otherwise it is hard to recognize as either j or checkmark, and also the red/green balance if off.

pdudits avatar Jun 21 '25 21:06 pdudits

I like the shield motif, but the rules say "no numbers" right? I also like the fact that a J on an angle kind of looks like a tick. Perhaps the two concepts can be combined. My SVG skills are pretty bad, but here's a couple of PNG files with some ideas:

Image

Image

philwebb avatar Jun 22 '25 22:06 philwebb

It's awesome to see so many ideas come in! 👍

marcphilipp avatar Jun 23 '25 06:06 marcphilipp

What if we take a look at the evolution...


JUnit 1-4:

Image


JUnit 5

Image


JUnit (6 and beyond)

... and perhaps revisit the original JUnit logo with a modern twist?

Image

Disclaimer: yes, I know those are two different greens. I'm not a graphic designer, and this is just a "mock up". I'd use the green from the "J" for the check mark, too.

sbrannen avatar Jun 23 '25 12:06 sbrannen

@pdudits, what font did you use for "JUnit" in your proposals?

sbrannen avatar Jun 23 '25 12:06 sbrannen

I like the Idea @sbrannen and I was doing the same as you, using JetBrains Mono in SemiBold 600. The only thing is to not forget to have a symbol for the favicon for example, and for that I liked the first one by @pdudits

The JetBrains Mono is just another Idea (pun intended).

lobaorn avatar Jun 23 '25 12:06 lobaorn

@pdudits, what font did you use for "JUnit" in your proposals?

That would be DM Sans

pdudits avatar Jun 23 '25 12:06 pdudits

What is the font used for the 5 in the current JUnit 5 logo?

mpkorstanje avatar Jun 23 '25 12:06 mpkorstanje

I like the idea of a refreshed version of the JUnit text, maybe with a small icon in the i's dot that could also be used alone as a favicon?

Image

(Icon only) Image

hd42 avatar Jun 23 '25 12:06 hd42

What is the font used for the 5 in the current JUnit 5 logo?

Open Sans

marcphilipp avatar Jun 23 '25 12:06 marcphilipp

Tried merging the letters, but that makes the red/green balance look off. And probably not color blind friendly either.

Image

mpkorstanje avatar Jun 23 '25 13:06 mpkorstanje

@hd42 that looks great. Though maybe with slightly off-black lettering so it works in dark mode too.

mpkorstanje avatar Jun 23 '25 13:06 mpkorstanje

I modified my original proposal using DM Sans and added a check mark "logo".

Colors, font, etc. are all still debatable of course, but it's an "idea" I somewhat like: a ✅ theme of sorts.

Image

sbrannen avatar Jun 23 '25 14:06 sbrannen

Actually, I really like @hd42's idea to use the "logo" as the dot on the "i".

So, here's an updated version of mine.

Image

sbrannen avatar Jun 23 '25 15:06 sbrannen

Tried merging the letters, but that makes the red/green balance look off. And probably color blind friendly either.

I tried merging the J and U in my first draft as well, but to me it always looks like UJ instead of JU :-(

hd42 avatar Jun 23 '25 17:06 hd42

Just a sketch, somewhat resembles the JUnit 1-4 logo with the colors of JUnit 5. Maybe the JU should be the same as in JUnit 1-4. Also, similar to the above especially @sbrannen's https://github.com/junit-team/junit-framework/issues/4576#issuecomment-2996931479, the shield could be in front of the JUnit text while the dot on the I is also a shield.

Image

jonatan-ivanov avatar Jun 23 '25 19:06 jonatan-ivanov

Lots of great ideas in this thread! 🎉 I don’t have any proposals at the moment, but here’s my two cents about the existing ones.

I’m not entirely convinced by the shield symbolism, I think representing JUnit — and tests by extension — only as a way to prevent bugs is a bit reductive, as it can achieve much more (even though it’s indeed one of the main goals).

I think I like the "check" icon as the main element better. I find the idea of making it a sideways J quite clever! Although it might end up being a little "weird" visually depending on the font/style. Maybe there’s a good balance to find for this to work!

I feel like one more requirement for the logo should be to have a "square" version in addition to the full text version (like the JUnit 5 round logo), so that it could work well wherever an icon/avatar style image would be required (depending on the size, I'm not sure the full "JUnit" word would fit nicely in such a format). Considering this, I think the idea of having the small logo version (or similar) be the i dot on the full logo version is interesting.

About the text, I think if there's letters on the logo, it should be the full JUnit name and not just JU which may not be recognizable enough (but I admit that it made me chuckle to read a diminutive of mine on potential JUnit logos 😁). Also, I personaly like the... calligraphy (?) of "JUnit". I also feel that merging the J and U would decrease readability (especially for color blind people if letters are respectively red and green, but also generally speaking).

juliette-derancourt avatar Jun 23 '25 22:06 juliette-derancourt

I feel like one more requirement for the logo should be to have a "square" version in addition to the full text version (like the JUnit 5 round logo), so that it could work well wherever an icon/avatar style image would be required (depending on the size, I'm not sure the full "JUnit" word would fit nicely in such a format).

Thanks for raising this! I added it to the guidelines in the issue description.

marcphilipp avatar Jun 24 '25 06:06 marcphilipp