<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Design on Janusworx</title><link>https://janusworx.com/tags/design/</link><description>Recent content in Design on Janusworx</description><generator>Hugo -- gohugo.io</generator><language>en</language><managingEditor>feedback@janusworx.com (Mario Jason Braganza)</managingEditor><webMaster>feedback@janusworx.com (Mario Jason Braganza)</webMaster><copyright>© 2026, Mario Jason Braganza</copyright><lastBuildDate>Fri, 15 Dec 2023 17:00:20 +0530</lastBuildDate><atom:link href="https://janusworx.com/tags/design/index.xml" rel="self" type="application/rss+xml"/><item><title>On How the Kubernetes v1.29 Logo Came About</title><link>https://janusworx.com/work/on-how-the-kubernetes-v129-logo-came-about/</link><pubDate>Fri, 15 Dec 2023 17:00:20 +0530</pubDate><author>feedback@janusworx.com (Mario Jason Braganza)</author><guid>https://janusworx.com/work/on-how-the-kubernetes-v129-logo-came-about/</guid><description>&lt;p&gt;&lt;a href="https://kubernetes.io/blog/2023/12/13/kubernetes-v1-29-release/" target="_blank" rel="noreferrer"&gt;Kubernetes v1.29&lt;/a&gt; was released a couple of days ago.&lt;br&gt;
And just like every other release before it, it has a distinct name and theme (&lt;em&gt;&lt;strong&gt;&lt;a href="https://kubernetes.io/blog/2023/12/13/kubernetes-v1-29-release/#release-theme-and-logo" target="_blank" rel="noreferrer"&gt;Mandala&lt;/a&gt;&lt;/strong&gt;&lt;/em&gt;) as well as its own unique logo. In whose creation, I’m proud to say, I had a part to play!&lt;/p&gt;
&lt;p&gt;&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-129.png" alt="Kubernetes Logo overlayed on top of a Circular Mandala Design" /&gt;
 
 
 &lt;/figure&gt;&lt;/p&gt;
&lt;figcaption style="font-style: italic; text-align: center; font-size: 85%; color: var(--secondary)"&gt;
&lt;p&gt;The logo! Look, how pretty!&lt;/p&gt;
&lt;/figcaption&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;

&lt;p&gt;It all began when I helped the v1.29 Release Lead, mentee and trouble-maker in general, &lt;a href="https://www.psaggu.com/about.html" target="_blank" rel="noreferrer"&gt;Priyanka Saggu&lt;/a&gt; set up her blog in &lt;a href="https://www.psaggu.com/2018/11/06/day-1/" target="_blank" rel="noreferrer"&gt;2018&lt;/a&gt;. I taught her all about &lt;a href="https://creativemarket.com/blog/how-crap-will-make-you-a-better-designer" target="_blank" rel="noreferrer"&gt;CRAP&lt;/a&gt;&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref"&gt;1&lt;/a&gt;&lt;/sup&gt; and I think all those crappy lessons lingered and made an impression.&lt;br&gt;
So when it came time to design the release’s logo, she asked me if I could pitch in and help, because she was running short on time. It sounded like fun, so I said, &lt;em&gt;&lt;strong&gt;&lt;a href="https://sive.rs/hellyeah" target="_blank" rel="noreferrer"&gt;Hell Yeah!&lt;/a&gt;&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h3 class="relative group"&gt;Partners in Crime aka Spitballing aka Brainstorming
 &lt;div id="partners-in-crime-aka-spitballing-aka-brainstorming" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#partners-in-crime-aka-spitballing-aka-brainstorming" aria-label="Anchor"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;Priyanka was very clear headed on her brief for what the logo was to be about.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Universal:&lt;/strong&gt; We need to celebrate the fact that this project has folks all over the world, working on it.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Singularly Recognisable:&lt;/strong&gt; It had to be recognised as the 1.29 logo at a glance at various scales&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Everything else was up for grabs.&lt;br&gt;
Thoughts meandered from parodying popular memes, like we do in our talks …&lt;/p&gt;
&lt;p&gt;&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-prow-meme.png" alt="" /&gt;
 
 
 &lt;/figure&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;
&lt;/p&gt;
&lt;p&gt;to &lt;a href="https://github.com/kubernetes/sig-release/tree/master/releases/release-1.15" target="_blank" rel="noreferrer"&gt;cheeky play, with popular media&lt;/a&gt; like the old folks did, to seeking inspiration from music lyrics and nature patterns.&lt;br&gt;
Priyanka then hit upon something else she wished to incorporate in the design. Could it have Indian elements? That led us down more fun alleys in the beautiful maze that is Indian Art. Across the length and breadth of our multicultural nation; we checked out everything …&lt;/p&gt;
&lt;p&gt;from &lt;a href="https://en.wikipedia.org/wiki/Warli_painting" target="_blank" rel="noreferrer"&gt;Warli&lt;/a&gt; art,
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-warli.jpg" alt="" /&gt;
 
 
 &lt;/figure&gt;&lt;/p&gt;
&lt;figcaption style="font-style: italic; text-align: center; font-size: 85%; color: var(--secondary)"&gt;
&lt;p&gt;courtesy, &lt;a href="https://en.wikipedia.org/wiki/Warli_painting#/media/File:A_Warli_painting_by_Jivya_Soma_Mashe,_Thane_district.jpg" target="_blank" rel="noreferrer"&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;
&lt;/figcaption&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;

&lt;p&gt;to &lt;a href="https://en.wikipedia.org/wiki/Kalamkari" target="_blank" rel="noreferrer"&gt;Kalamkari&lt;/a&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-kalamkari.jpg" alt="" /&gt;
 
 
 &lt;/figure&gt;&lt;/p&gt;
&lt;figcaption style="font-style: italic; text-align: center; font-size: 85%; color: var(--secondary)"&gt;
&lt;p&gt;courtesy, &lt;a href="https://en.wikipedia.org/wiki/Kalamkari#/media/File:Kalamkari_Art.jpg" target="_blank" rel="noreferrer"&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;
&lt;/figcaption&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;

&lt;p&gt;through &lt;a href="https://en.wikipedia.org/wiki/Madhubani_art" target="_blank" rel="noreferrer"&gt;Madhubani&lt;/a&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-madhubani.jpg" alt="" /&gt;
 
 
 &lt;/figure&gt;&lt;/p&gt;
&lt;figcaption style="font-style: italic; text-align: center; font-size: 85%; color: var(--secondary)"&gt;
&lt;p&gt;courtesy, &lt;a href="https://en.wikipedia.org/wiki/Madhubani_art#/media/File:Stamp_of_India_-_2000_-_Colnect_307681_-_Madhubani_Mithila_Paintings_-_se_tenant_pair.jpeg" target="_blank" rel="noreferrer"&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;
&lt;/figcaption&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;

&lt;p&gt;before we settled on &lt;a href="https://en.wikipedia.org/wiki/Mandala" target="_blank" rel="noreferrer"&gt;Mandala&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-mandala-art-pic.jpg" alt="" /&gt;
 
 
 &lt;/figure&gt;&lt;/p&gt;
&lt;figcaption style="font-style: italic; text-align: center; font-size: 85%; color: var(--secondary)"&gt;
&lt;p&gt;courtesy, &lt;a href="https://pixabay.com/users/sambeetarts-1339110/?utm_source=link-attribution&amp;amp;utm_medium=referral&amp;amp;utm_campaign=image&amp;amp;utm_content=1687371" target="_blank" rel="noreferrer"&gt;Sambeet D, Pixabay&lt;/a&gt;&lt;/p&gt;
&lt;/figcaption&gt;
&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;


&lt;h3 class="relative group"&gt;Why Mandala?
 &lt;div id="why-mandala" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#why-mandala" aria-label="Anchor"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;Because it satisfied both the conditions of the brief, beautifully and succinctly.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Nearly every culture, from Hinduism to Buddhism to Mayan to Christianity, has some spin on the patterns and the symbols that make up the Mandala. It represents the cosmos and is used across the world. To our minds, nothing could be more universal than this art form&lt;/li&gt;
&lt;li&gt;And because it is &lt;em&gt;singularly&lt;/em&gt; recognisable.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Here it is in a slack chat, as an emoji&lt;sup id="fnref:2"&gt;&lt;a href="#fn:2" class="footnote-ref" role="doc-noteref"&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;

&lt;figure&gt;
 &lt;img class="my-0 rounded-md" src="https://janusworx.com/images/2023/kube-logo-129-really-smol.png" alt="" /&gt;
 
 
 &lt;/figure&gt;
&lt;p&gt;It’s pretty distinctive!
And as you look at it, at ever increasing sizes, more details emerge.&lt;br&gt;
The midsized image I posted above is pretty detailed, but you can go watch it in all its uncompressed &lt;a href="https://www.psaggu.com/assets/k8s-logo/k8s129.svg" target="_blank" rel="noreferrer"&gt;glory here&lt;/a&gt;&lt;sup id="fnref:3"&gt;&lt;a href="#fn:3" class="footnote-ref" role="doc-noteref"&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;

&lt;h3 class="relative group"&gt;Putting It All Together
 &lt;div id="putting-it-all-together" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#putting-it-all-together" aria-label="Anchor"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;The rest was then, figuring out the details.&lt;br&gt;
Since one of us has quite limited design skills, that were rusty to boot&lt;sup id="fnref:4"&gt;&lt;a href="#fn:4" class="footnote-ref" role="doc-noteref"&gt;4&lt;/a&gt;&lt;/sup&gt; and the other one had no time&lt;sup id="fnref:5"&gt;&lt;a href="#fn:5" class="footnote-ref" role="doc-noteref"&gt;5&lt;/a&gt;&lt;/sup&gt;, we decided to go look for a liberally licensed Mandala image, that we’d use as a base. We went &lt;a href="https://janusworx.com/images/2023/kube-logo-draft-1.png" &gt;through&lt;/a&gt; &lt;a href="https://janusworx.com/images/2023/kube-logo-draft-2.png" &gt;quite&lt;/a&gt; a &lt;a href="https://janusworx.com/images/2023/kube-logo-draft-3.png" &gt;few&lt;/a&gt; &lt;a href="https://janusworx.com/images/2023/kube-logo-draft-4.png" &gt;images&lt;/a&gt;, before we stumbled across &lt;a href="https://pixabay.com/users/fibrel-3502541/" target="_blank" rel="noreferrer"&gt;Fibrel Ojalá’s&lt;/a&gt; beautiful creations.&lt;br&gt;
And once &lt;em&gt;that&lt;/em&gt; was done, it was just a matter of structuring it, the way we wanted it to look. We used &lt;a href="https://software.sil.org/annapurna/" target="_blank" rel="noreferrer"&gt;Annapurna SIL&lt;/a&gt;&lt;sup id="fnref:6"&gt;&lt;a href="#fn:6" class="footnote-ref" role="doc-noteref"&gt;6&lt;/a&gt;&lt;/sup&gt; for the text and &lt;a href="https://inkscape.org/" target="_blank" rel="noreferrer"&gt;Inkscape&lt;/a&gt; to put it all together.&lt;br&gt;
The whole process took us a week, from start to finish.&lt;br&gt;
It was both, a joy and a privilege to contribute to this release.&lt;/p&gt;

&lt;h3 class="relative group"&gt;P.S. The Easter Egg
 &lt;div id="ps-the-easter-egg" class="anchor"&gt;&lt;/div&gt;
 
 &lt;span
 class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"&gt;
 &lt;a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#ps-the-easter-egg" aria-label="Anchor"&gt;#&lt;/a&gt;
 &lt;/span&gt;
 
&lt;/h3&gt;
&lt;p&gt;I thought it’d take a little longer than it did, but you folks are more eagle eyed than I thought possible!&lt;br&gt;
Yes, that’s my little homage to Devanagari, the script lots of Indian langugages use for their writing. If you read the symbols in the diamonds clockwise, beginning at nine o’clock, they’re Devangari numerals that read 1.29 🙂&lt;/p&gt;
&lt;p&gt;&lt;hr style='margin-left: auto; margin-right: auto; margin-bottom: 40px; margin-top: 50px; width:100px; border: none; background-color:rgb(238, 238, 238); color: rgb(238, 238, 238); height: 1px;'/&gt;

Feedback on this post? Mail me at &lt;a href="mailto:&amp;amp;#102;&amp;amp;%23101;&amp;amp;%23101;&amp;amp;%23100;&amp;amp;%2398;&amp;amp;%2397;&amp;amp;%2399;&amp;amp;%23107;&amp;amp;%2364;&amp;amp;%23106;&amp;amp;%2397;&amp;amp;%23110;&amp;amp;%23117;&amp;amp;%23115;&amp;amp;%23119;&amp;amp;%23111;&amp;amp;%23114;&amp;amp;%23120;&amp;amp;%2346;&amp;amp;%2399;&amp;amp;%23111;&amp;amp;%23109;" &gt;feedback@janusworx.com&lt;/a&gt;
&lt;br&gt;

&lt;br&gt;

P.P.S. Subscribe to my &lt;a href="https://janusworx.com/subscribe/" target="_blank" rel="noreferrer"&gt;mailing list!&lt;/a&gt;&lt;br&gt;
Forward these posts and letters to your friends and get them to subscribe!&lt;br&gt;
P.P.P.S. Feed my &lt;a href="https://www.amazon.in/hz/wishlist/ls/2QAUKHHAMOOVS?ref_=wl_share" target="_blank" rel="noreferrer"&gt;insatiable reading habit.&lt;/a&gt;&lt;/p&gt;
&lt;div class="footnotes" role="doc-endnotes"&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id="fn:1"&gt;
&lt;p&gt;I know very little design, but what little I do know is burned into my psyche because of &lt;a href="https://www.peachpit.com/authors/bio/4dd81192-04dd-45a3-b306-da58940294a3" target="_blank" rel="noreferrer"&gt;Robin Williams&lt;/a&gt; and her CRAPpy principles, I learnt in the late 90s&amp;#160;&lt;a href="#fnref:1" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id="fn:2"&gt;
&lt;p&gt;apologies for the potato quality of the screenshot&amp;#160;&lt;a href="#fnref:2" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id="fn:3"&gt;
&lt;p&gt;You’ll need &lt;a href="https://software.sil.org/annapurna/download/" target="_blank" rel="noreferrer"&gt;Annapurna SIL&lt;/a&gt; for the text to render right&amp;#160;&lt;a href="#fnref:3" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id="fn:4"&gt;
&lt;p&gt;Me&amp;#160;&lt;a href="#fnref:4" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id="fn:5"&gt;
&lt;p&gt;Priyanka. She really can draw, though. I mean, &lt;a href="https://user-images.githubusercontent.com/30499743/117791150-a4ba9900-b267-11eb-8412-e477087f70c3.png" target="_blank" rel="noreferrer"&gt;have you seen her sketches?&lt;/a&gt;&amp;#160;&lt;a href="#fnref:5" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id="fn:6"&gt;
&lt;p&gt;I saw it used in a hymnbook, a decade ago and loved it at first sight&amp;#160;&lt;a href="#fnref:6" class="footnote-backref" role="doc-backlink"&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;</description></item></channel></rss>