# Logo for the JuliaDiff organization?

**URL:** <https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539>\
**Category:** Offtopic\
**Tags:** graphics, luxor, logo\
**Created:** [April 26, 2024, 2:59pm UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539 "2024-04-26T14:59:08Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [April 30, 2024, 6:04pm UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/21 "2024-04-30T18:04:38Z")

</div>

I like it! I can try to make it prettier

---

<div class="post-metadata">

**Author:** ![lmiq](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lmiq/32/18314_2.png) [@lmiq](https://discourse.julialang.org/u/lmiq)\
**Post date:** [April 30, 2024, 7:52pm UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/22 "2024-04-30T19:52:02Z")

</div>

I’m not a fan of shades :-). Here a SVG with an idea and the code for anyone to play with:

![image](https://global.discourse-cdn.com/julialang/original/3X/4/3/43097b18dfbd17bb3ce65a4f738a2e62b08691d8.png)

> **Summary**
>
> ```julia
> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
> <!-- Created with Inkscape (http://www.inkscape.org/) -->
> 
> <svg
> width="210mm"
> height="297mm"
> viewBox="0 0 210 297"
> version="1.1"
> id="svg5"
> sodipodi:docname="drawing.svg"
> inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
> xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
> xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
> xmlns="http://www.w3.org/2000/svg"
> xmlns:svg="http://www.w3.org/2000/svg">
> <sodipodi:namedview
> id="namedview7"
> pagecolor="#ffffff"
> bordercolor="#666666"
> borderopacity="1.0"
> inkscape:pageshadow="2"
> inkscape:pageopacity="0.0"
> inkscape:pagecheckerboard="0"
> inkscape:document-units="mm"
> showgrid="false"
> inkscape:zoom="0.6512193"
> inkscape:cx="323.2398"
> inkscape:cy="260.28098"
> inkscape:window-width="2526"
> inkscape:window-height="1408"
> inkscape:window-x="34"
> inkscape:window-y="0"
> inkscape:window-maximized="1"
> inkscape:current-layer="layer1" />
> <defs
> id="defs2">
> <g
> id="g3996">
> <symbol
> overflow="visible"
> id="symbol9093">
> <path
> style="stroke:none;"
> d=""
> id="path4371" />
> </symbol>
> <symbol
> overflow="visible"
> id="symbol4785">
> <path
> style="stroke:none;"
> d="M 7.78125 -6.59375 C 7.796875 -6.625 7.828125 -6.6875 7.828125 -6.734375 C 7.828125 -6.796875 7.8125 -6.8125 7.59375 -6.8125 L 0.703125 -6.8125 C 0.484375 -6.8125 0.46875 -6.796875 0.46875 -6.734375 C 0.46875 -6.6875 0.5 -6.625 0.515625 -6.59375 L 3.875 0.140625 C 3.953125 0.265625 3.984375 0.328125 4.140625 0.328125 C 4.3125 0.328125 4.34375 0.265625 4.421875 0.140625 Z M 1.703125 -6.09375 L 7.171875 -6.09375 L 4.453125 -0.609375 Z M 1.703125 -6.09375 "
> id="path2740" />
> </symbol>
> </g>
> </defs>
> <g
> inkscape:label="Layer 1"
> inkscape:groupmode="layer"
> id="layer1">
> <g
> inkscape:label=""
> transform="matrix(5.2263378,0,0,5.2263378,-438.7394,-343.43591)"
> id="g838"
> style="fill:#4063d8;fill-opacity:1;stroke:#000000;stroke-width:0.191339;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693">
> <g
> id="g5147"
> style="fill:#4063d8;fill-opacity:1;stroke:#000000;stroke-width:0.191339;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693">
> <g
> style="fill:#4063d8;fill-opacity:1;stroke:#000000;stroke-width:0.191339;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> id="g6466">
> <g
> id="use209"
> style="fill:#4063d8;fill-opacity:1;stroke:#000000;stroke-width:0.191339;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> transform="translate(91.925003,81.962997)">
> <path
> style="stroke:#000000;stroke-width:0.191339;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> d="M 7.78125,-6.59375 C 7.796875,-6.625 7.828125,-6.6875 7.828125,-6.734375 7.828125,-6.796875 7.8125,-6.8125 7.59375,-6.8125 H 0.703125 c -0.21875,0 -0.234375,0.015625 -0.234375,0.078125 0,0.046875 0.03125,0.109375 0.046875,0.140625 L 3.875,0.140625 c 0.078125,0.125 0.109375,0.1875 0.265625,0.1875 0.171875,0 0.203125,-0.0625 0.28125,-0.1875 z m -6.078125,0.5 h 5.46875 l -2.71875,5.484375 z m 0,0"
> id="path32330" />
> </g>
> </g>
> </g>
> </g>
> <circle
> style="fill:#389826;fill-opacity:1;stroke:#000000;stroke-width:1.001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> id="path1019"
> cx="96.741776"
> cy="59.120014"
> r="9.2048397" />
> <circle
> style="fill:#cb3c33;fill-opacity:1;stroke:#000000;stroke-width:1.001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> id="circle7460"
> cx="85.435707"
> cy="78.720039"
> r="9.2048397" />
> <circle
> style="fill:#9558b2;fill-opacity:1;stroke:#000000;stroke-width:1.001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.973693"
> id="circle7462"
> cx="108.8783"
> cy="78.734283"
> r="9.2048397" />
> </g>
> </svg>
> 
> ```

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 6:20am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/23 "2024-05-01T06:20:17Z")

</div>

Here’s how it looks with Luxor.jl and the official Julia font and logo.  
I think we’re starting to converge to something cool?

 ![image](https://global.discourse-cdn.com/julialang/original/3X/1/b/1baf9e5d4c6454e64f901fcc2ad3cd5ac1172c0b.png)  
 ![image](https://global.discourse-cdn.com/julialang/original/3X/9/e/9ec2dfa012e99103a044d57a94a900212fc9e3df.png)

```julia
using Luxor

@draw begin
	background("white")
	translate(150, 0)
	juliacircles(150)
	setfont("TamilMN Bold", 630)
	setcolor(Luxor.julia_blue)
	settext("∇", Point(-600, 290))
end 1000 600

```

---

<div class="post-metadata">

**Author:** ![oxinabox](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/oxinabox/32/206603_2.png) [@oxinabox](https://discourse.julialang.org/u/oxinabox)\
**Post date:** [May 1, 2024, 7:37am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/24 "2024-05-01T07:37:44Z")

</div>

That is elegantly simple.  
I kinda like it.

And it says “Differentiate Julia”  
which is what we do.

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 7:44am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/25 "2024-05-01T07:44:54Z")

</div>

Should we do a version with text for stickers, just saying “JuliaDiff” below?

---

<div class="post-metadata">

**Author:** ![oxinabox](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/oxinabox/32/206603_2.png) [@oxinabox](https://discourse.julialang.org/u/oxinabox)\
**Post date:** [May 1, 2024, 7:54am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/26 "2024-05-01T07:54:15Z")

</div>

yes, and one saying JuliaDiff to the right? as a banner sticker?  
So we can look at both

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 8:00am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/27 "2024-05-01T08:00:50Z")

</div>

I’ll get on that

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [May 1, 2024, 9:12am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/28 "2024-05-01T09:12:48Z")

</div>

The font you’re using `setfont("TamilMN Bold", 630)` doesn’t have the `nabla` (`∇`) glyph, so you’re going to be seeing some kind of font fallback working, and these vary a lot from system to system.

On my Mac I see this with your code:

![Screenshot 2024-05-01 at 10.06.36](https://global.discourse-cdn.com/julialang/original/3X/e/1/e12789fda7447b3f9f70f1cd873fe83ce01b25fe.png)

and this isn’t as nice as yours… 🙂

On Mac, “Symbol” will get you this:

![Screenshot 2024-05-01 at 10.08.53](https://global.discourse-cdn.com/julialang/original/3X/0/c/0cfa62cfffcc6d1cb24c18a2fa022418c3fb007f.png)

but the alignment needs work.

Drawing the triangle the hard way is probably best. 🙂

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 9:23am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/29 "2024-05-01T09:23:14Z")

</div>

Here’s what it looks like with the text

 ![white_vertical](https://global.discourse-cdn.com/julialang/original/3X/6/3/63e4ee15d7765d29f24c948ce12554308749ee80.png)  
 ![black_vertical](https://global.discourse-cdn.com/julialang/original/3X/8/8/882304fb833f8454a14d939bec5493da32286633.png)  
 ![white_horizontal](https://global.discourse-cdn.com/julialang/original/3X/e/b/ebd58f8bd301304c62ede42f11c667a7e73e81f3.png)  
 ![black_horizontal](https://global.discourse-cdn.com/julialang/original/3X/e/d/ed93b504fadc3ed23aaec094cd67f506612bbf4a.png)

> [@cormullion](#):
>
> On Mac, “Symbol” will get you this:

@cormullion what do you mean? How do I use `Symbol`?

> ****
>
> ```julia
> using Luxor
> 
> function juliadiff_logo(scaling; name_placement=nothing, name_color="black")
> juliacircles(scaling * 100)
> setfont("TamilMN Bold", scaling * 420)
> setcolor(Luxor.julia_blue)
> settext("∇", O + scaling * Point(-410, 200))
> if !isnothing(name_placement)
> setcolor(name_color)
> setfont("TamilMN Bold", scaling * 150)
> if name_placement == :below
> settext("JuliaDiff", O + scaling * Point(-430, 330))
> elseif name_placement == :right
> settext("JuliaDiff", O + scaling * Point(200, 52))
> end
> end
> end
> 
> @draw begin
> background("white")
> origin(500, 200)
> juliadiff_logo(1; name_placement=:below, name_color="black")
> end 800 550
> 
> ```

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [May 1, 2024, 9:35am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/30 "2024-05-01T09:35:49Z")

</div>

Your code produces this on my Mac:

 ![Screenshot 2024-05-01 at 10.25.57](https://global.discourse-cdn.com/julialang/original/3X/8/b/8b72edcb56cf0ce79faad07f4780f8e32a9d6a0e.png)

because fonts are a pain in the neck to work with, particularly on different platforms and OSes… 🙂

I can get the nabla symbol looking closer to yours on mine if I use `setfont("Symbol", scaling * 420)` but again that’s probably not a cross-platform solution.

---

<div class="post-metadata">

**Author:** ![hill](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/hill/32/50775_2.png) [@hill](https://discourse.julialang.org/u/hill)\
**Post date:** [May 1, 2024, 9:47am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/31 "2024-05-01T09:47:49Z")

</div>

I like this a lot, but the kerning between the “D” and the “i” looks off. I parse the text as “Julia D iff”.  
Is there a way to tweak the kerning in Luxor?

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [May 1, 2024, 10:19am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/32 "2024-05-01T10:19:08Z")

</div>

Haha - there’s a low-level function that can do a bit of kerning.

> **Kerning code**
>
> ```julia
> @draw begin
> background("white")
> origin(500, 200)
> textplace("JuliaDiff", O + (-300, -100), [
> (size=120, face="TamilMN-Bold"), 
> ])
> textplace("JuliaDiff", O + (-300, 0), [
> (size=120, face="TamilMN-Bold"), # J
> (kern=-8,), # u
> (kern=-5,), # l
> (kern=-7,), # i 
> (kern=-6,), # a
> (kern=-10,), # D
> (kern=-12, ), # i
> (kern=-6, ), # f
> (kern=-8, ), # f
> ])
> textplace("JuliaDiff", O + (-300, 100), [
> (size=120, face="Barlow-Bold"), # J
> # f
> ])
> end 800 400
> 
> ```

but using a better font in the first place is probably easier. 😉

 ![Screenshot 2024-05-01 at 11.16.44](https://global.discourse-cdn.com/julialang/original/3X/3/0/301de0a444dd921b849ecc4886124ca9a4a07295.png)

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 10:20am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/33 "2024-05-01T10:20:11Z")

</div>

> [@cormullion](#):
>
> but using a better font in the first place is probably easier. 😉

It’s the official Julia font so I kinda like it?

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 10:29am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/34 "2024-05-01T10:29:26Z")

</div>

> [@cormullion](#):
>
> Drawing the triangle the hard way is probably best. 🙂

Question about that: I need two different thicknesses so I have to draw two separate paths, but how can I get the corners to play nicely together? Something like the square linecap [here](https://juliagraphics.github.io/Luxor.jl/stable/howto/colors-styles/#Line-styles)

 ![image](https://global.discourse-cdn.com/julialang/original/3X/2/5/2528c41b8cc4db0a3692f9b1cc4da818c8b9ede1.png)

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [May 1, 2024, 10:36am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/35 "2024-05-01T10:36:21Z")

</div>

Might be better as:

```julia
@draw begin
    background("white")
    sethue("black")
    setfillrule(:even_odd)
    ngon(O, 100, 3, -π/6, action=:path)
    ngon(O + (10, 0), 70, 3, -π/6, action=:path)
    fillpath()
end 800 400

```

![Screenshot 2024-05-01 at 11.35.32](https://global.discourse-cdn.com/julialang/original/3X/3/e/3e83cd786d69c697f9673a4876f4e6f110f7bd53.png)

It’s always better to avoid line thicknesses if you can, because of scaling issues.

---

<div class="post-metadata">

**Author:** ![lmiq](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lmiq/32/18314_2.png) [@lmiq](https://discourse.julialang.org/u/lmiq)\
**Post date:** [May 1, 2024, 10:53am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/36 "2024-05-01T10:53:02Z")

</div>

Do you need or want it to be drawn with code? Adjusting the details in a SVG is much easier.

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 10:56am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/37 "2024-05-01T10:56:31Z")

</div>

I think it’s nice to use ecosystem tools like Luxor.jl, especially cause we get first class support from @cormullion. And because it makes it easier to change things programmatically

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 11:04am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/38 "2024-05-01T11:04:28Z")

</div>

Now time for bikeshedding on thicknesses and spacing

 ![image](https://global.discourse-cdn.com/julialang/original/3X/3/2/32377c33df7157c183f6312c108a8b8c541282c7.png)

---

<div class="post-metadata">

**Author:** ![lmiq](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/lmiq/32/18314_2.png) [@lmiq](https://discourse.julialang.org/u/lmiq)\
**Post date:** [May 1, 2024, 11:10am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/39 "2024-05-01T11:10:56Z")

</div>

One think I like about having stroke lines in the symbols is that the contrast in dark backgrounds can be adjusted:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/b/3/b3fadff6508de9adeb9c80278a78add65c6de58e.png)

vs:

 ![image](https://global.discourse-cdn.com/julialang/original/3X/f/1/f113377c06c43fd17cada5a849ade4f01b403b25.png)

---

<div class="post-metadata">

**Author:** ![gdalle](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/gdalle/32/27854_2.png) [@gdalle](https://discourse.julialang.org/u/gdalle)\
**Post date:** [May 1, 2024, 11:29am UTC](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539/40 "2024-05-01T11:29:34Z")

</div>

> [@lmiq](#):
>
> One think I like about having stroke lines in the symbols is that the contrast in dark backgrounds can be adjusted:

True but it feels slightly less “modern”?

[Previous page](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539.md?page=1)

[Next page](https://discourse.julialang.org/t/logo-for-the-juliadiff-organization/113539.md?page=3)