JuliaPackageComparisons.github.io icon indicating copy to clipboard operation
JuliaPackageComparisons.github.io copied to clipboard

Add logo to the documentation

Open hyrodium opened this issue 1 year ago • 6 comments

I am making a logo for the documentation (and organization).

image

@KronosTheLate Do you have any thoughts on the logo? If this direction looks okay, I will update the logo for the final adjustment!

hyrodium avatar Jan 17 '24 12:01 hyrodium

I initially designed with another balancing scale, but I found some cons with this design.

image

  • A little more complicated than the first one
  • Less visibility with a small size
    • image
    • I'm planning to add this logo to the badge (https://github.com/JuliaPackageComparisons/JuliaPackageComparisons.github.io/issues/7#issuecomment-1893531373).
  • The scale design is duplicated with GitHub's license logo.
    • image

hyrodium avatar Jan 17 '24 12:01 hyrodium

They both look really great! I am amazed at you efforts, thanks a lot.

I am leaning towards the initial design.

  • It is more complicated in the amount of content, but somehow less complicated for me to visually parse. That is to say, it more immediatly looks like a scale to me
  • It is less visible, but I am still able to make out that it is a scale. The other design is harder to visually parse (also at this scale, for me), and the second design also looks unbalanced, especially in the small icon case.
  • I do not believe that it is copyrighted, nor so similar to something well known that I think primarily of something else

The amount of words in favour of the initial design makes it seem like I care a lot about which one it is, but I actually think they both look good.

Another idea that popped into my mind, which is a little simpler and more mathematical: one_big_dot < three_small_dots ? So with a mathematical comparison sign, and a questionmark or something else related to uncertainty in the end. The pro is that the mathematical asthetic feels aligned to Julia, and that it is quite simple. The downside is that I believe it might prove difficult to make it as visually striking as your other suggestions.

Tagging @cormullion as the Julia logo/icon expert. If nothing else, then just for a third and perhaps tie-breaking opinion.

KronosTheLate avatar Jan 17 '24 17:01 KronosTheLate

They're very nice designs! My only thought is that they are quite "busy" and perhaps more realistic than they need to be.

Another possible idea to explore might be something like this:

compare

where the squareness suggests packages, and the Julia colours can be used without requiring the Julia logo to get involved in comparisons. Extra points if you can incorporate a smiling face! :)

Otherwise a simpler version of either of your designs would be ideal! The second form of scales is better, if I had to choose.

cormullion avatar Jan 17 '24 18:01 cormullion

Your proposal also looks great @cormullion, thanks for the input. I also think it will look as good in dark mode as light, and be the most readable when small. The first two designs definitivly look the best, but that 3rd option does have some virtues, mainly simplicity. All in all I think I am somewhat in favour of the 3rd option.

KronosTheLate avatar Jan 20 '24 15:01 KronosTheLate

Thank you very much for all comments!

@cormullion Could you provide a SVG file of the image? I can open a PR with that.

hyrodium avatar Jan 20 '24 16:01 hyrodium

@hyrodium Hi, sorry for intruding! It was just an idea to discuss, but if you want to run with it, that's cool!

The Julia code is:

using Luxor, Colors

function draw_logo(D, filename)
    Drawing(D, D, filename)
    origin()
    sethue("black")
    R = D * 9/10
    circle(O, R/2, :fill)
    @layer begin
        W = R * 7/10
        rotate(-π/16)
        sethue(Colors.JULIA_LOGO_COLORS.red)
        bx = box(O, W, W/12, :fill)
        package_pos = between.(boxmiddleleft(BoundingBox(bx)), boxmiddleright(BoundingBox(bx)), range(0, 1, length=6))    
        translate(0, -W/4)
        sethue(Colors.JULIA_LOGO_COLORS.purple)
        box(package_pos[begin + 1], W/3, W/3, :fill)
        sethue(Colors.JULIA_LOGO_COLORS.green)
        box(package_pos[end - 1], W/3, W/3, :fill)
    end 
    sethue(Colors.JULIA_LOGO_COLORS.blue)
    ngon(between(boxmiddlecenter(), boxbottomcenter(), 0.45), W/4, 3, π/6, :fill)
    finish()
    preview()
end
for i in [64, 128, 500]
    draw_logo(i, "/tmp/logo-$(i).png")
end

cormullion avatar Jan 22 '24 08:01 cormullion