<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>Open Source Design</title><link>https://opensourcedesign.net/</link><description>Connecting open source &amp; design.</description><language>en</language><copyright>© 2026 Open Source Design. Content licensed under CC BY 4.0.</copyright><lastBuildDate>Sun, 04 Oct 2026 17:46:50 +0000</lastBuildDate><generator>Hugo 0.166.0</generator><docs>https://www.rssboard.org/rss-specification</docs><atom:link href="https://opensourcedesign.net/feed.xml" rel="self" type="application/rss+xml"/><image><url>https://opensourcedesign.net/images/favicons/apple-touch-icon.png</url><title>Open Source Design</title><link>https://opensourcedesign.net/</link></image><item><title>How to Join</title><link>https://opensourcedesign.net/resources/how-to-join/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/how-to-join/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>How to participate in the Open Source Design community - the forum, community calls, social media, and GitHub.</description><content:encoded>&lt;p&gt;Participating in the open source design community can mean engaging in discussions about design in open source, joining our community calls or organizing events.&lt;/p&gt;
&lt;p&gt;Often, people who join the community are designers working on open source software, developers interested in design or people from other professional backgrounds.&lt;/p&gt;
&lt;p&gt;There are no formal requirements to take part in the community other than following the code of conduct.&lt;/p&gt;
&lt;h2 id="communicating-well"&gt;Communicating well&lt;/h2&gt;
&lt;p&gt;In order to keep the Open Source Design community a warm, welcoming, and safe place we ask that all participants read and adhere to the &lt;a href="https://opensourcedesign.net/about-us/code-of-conduct/"&gt;Code of Conduct&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="participation-channels"&gt;Participation channels&lt;/h2&gt;
&lt;h3 id="social-media"&gt;Social media&lt;/h3&gt;
&lt;p&gt;Our account on Mastodon is &lt;a href="https://mastodon.social/@opensourcedesign"&gt;@opensourcedesign@mastodon.social&lt;/a&gt;. The account is run by &lt;a href="https://opensourcedesign.net/about-us/governance/"&gt;core members&lt;/a&gt;. If you want to join discussions or want to be found, use the #opensourcedesign hashtag.&lt;/p&gt;
&lt;h3 id="community-call"&gt;Community call&lt;/h3&gt;
&lt;p&gt;Our community call happens once per month on the first Wednesday of the month at 7pm CET (please check for when daylight savings happens in your timezone) and we meet via Jitsi: &lt;a href="https://meet.jit.si/opensourcedesign"&gt;https://meet.jit.si/opensourcedesign&lt;/a&gt; (an open source video, chat and audio service). Jitsi sometimes asks for you to ‘login’ but this should not be required to attend a community call.&lt;/p&gt;
&lt;p&gt;Usually, we do a short introduction round, give updates on what is going on in the Open Source Design community and anything in the world of open source design and then chat about a few topics more in depth. New people are always welcome!&lt;/p&gt;
&lt;h3 id="discourse-forum"&gt;Discourse forum&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://discourse.opensourcedesign.net/"&gt;Discourse&lt;/a&gt; is used for discussions around open source design. The account creation is not restricted - feel free to join.&lt;/p&gt;
&lt;h3 id="github"&gt;GitHub&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://github.com/opensourcedesign"&gt;GitHub&lt;/a&gt; is used for working on the website and the job board. The content is written in markdown, the website’s theme is implemented in HTML and Hugo templates. You can file issues and make pull requests. Before submitting a pull request, it is best to open an issue first to describe the suggestion and to get feedback (except it is a fix for obvious bugs or spelling mistakes). Please do not submit AI-generated code changes, issues, documentation or code reviews.&lt;/p&gt;
&lt;h2 id="ways-to-contribute"&gt;Ways to contribute&lt;/h2&gt;
&lt;h3 id="contribute-design-work"&gt;Contribute design work&lt;/h3&gt;
&lt;p&gt;Open source projects post design requests on our &lt;a href="https://opensourcedesign.net/jobs/"&gt;job board&lt;/a&gt;. Some are paid, many are volunteer. If you have a project that needs a designer, you can &lt;a href="https://opensourcedesign.net/jobs/job-form/"&gt;post a job&lt;/a&gt; there too.&lt;/p&gt;
&lt;h3 id="come-to-events"&gt;Come to events&lt;/h3&gt;
&lt;p&gt;We run and attend events throughout the year - meetups, conference devrooms, and design sprints. Browse &lt;a href="https://opensourcedesign.net/events/"&gt;upcoming events&lt;/a&gt; or help organise one.&lt;/p&gt;
&lt;h3 id="support-us-financially"&gt;Support us financially&lt;/h3&gt;
&lt;p&gt;We accept contributions through &lt;a href="https://opencollective.com/opensourcedesign/contribute"&gt;Open Collective&lt;/a&gt; - one-off or recurring, whatever works for you.&lt;/p&gt;
&lt;h2 id="what-membership-looks-like"&gt;What membership looks like&lt;/h2&gt;
&lt;p&gt;There&amp;rsquo;s no membership card or formal sign-up. You&amp;rsquo;re part of the community when you participate - whether that means posting in the forum, helping someone on GitHub, attending events, or contributing financially. If you&amp;rsquo;re consistently active over time and start taking on responsibility for some aspect of OSD, you may naturally become a &lt;a href="https://opensourcedesign.net/about-us/governance/"&gt;core contributor&lt;/a&gt;. There&amp;rsquo;s no formal process for that either - it just happens through sustained engagement.&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/how-to-join/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>Links</title><link>https://opensourcedesign.net/resources/links/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/links/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>Openly licensed tools, icons, fonts, images, and other resources for designers working in open source.</description><content:encoded>&lt;p&gt;&lt;strong&gt;This is a showcase of the many websites and platforms where you can find openly licensed icons, fonts, images, tools, and other resources.&lt;/strong&gt; You can use them for any purpose, also commercial (some works have specific licenses, so always make sure it&amp;rsquo;s fine to use).&lt;/p&gt;
&lt;!-- The directory below is rendered from data/resources.yaml - edit that file
to add or change resources. --&gt;
&lt;section class="not-prose my-10" aria-labelledby="resources-directory-heading"&gt;
&lt;h2 class="sr-only" id="resources-directory-heading"&gt;Resources directory&lt;/h2&gt;
&lt;div class="flex flex-col gap-4 border-t border-slate-200 pt-8" role="search" aria-label="Filter resources"&gt;
&lt;div class="flex max-w-md gap-2"&gt;
&lt;label class="sr-only" for="resources-q"&gt;Search resources by name or description&lt;/label&gt;
&lt;input class="w-full rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm outline-none transition focus:border-slate-900 focus:ring-2 focus:ring-slate-900/20" id="resources-q" type="search" placeholder="Search resources…" autocomplete="off" /&gt;
&lt;button class="rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm font-medium text-slate-600 transition hover:bg-slate-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" id="resources-clear" aria-label="Clear search"&gt;Clear&lt;/button&gt;
&lt;/div&gt;
&lt;div class="flex flex-wrap gap-1.5" role="group" aria-label="Filter by category"&gt;
&lt;button class="osd-filter rounded-full border border-slate-900 bg-slate-900 px-3 py-1.5 text-[13px] font-medium text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="all" aria-pressed="true"&gt;All &lt;span class="opacity-60"&gt;135&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="projects" aria-pressed="false"&gt;Projects &lt;span class="opacity-60"&gt;21&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="icons" aria-pressed="false"&gt;Icons &lt;span class="opacity-60"&gt;17&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="fonts" aria-pressed="false"&gt;Fonts &lt;span class="opacity-60"&gt;11&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="images" aria-pressed="false"&gt;Images &lt;span class="opacity-60"&gt;11&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="cc-media" aria-pressed="false"&gt;Creative Commons media &lt;span class="opacity-60"&gt;4&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="tools" aria-pressed="false"&gt;Design tools &lt;span class="opacity-60"&gt;18&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="color" aria-pressed="false"&gt;Color &lt;span class="opacity-60"&gt;6&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="css" aria-pressed="false"&gt;CSS frameworks &lt;span class="opacity-60"&gt;8&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="design-reads" aria-pressed="false"&gt;Design reads &lt;span class="opacity-60"&gt;11&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="osd-reads" aria-pressed="false"&gt;Open source design reads &lt;span class="opacity-60"&gt;6&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="community" aria-pressed="false"&gt;Community &amp;amp; inspiration &lt;span class="opacity-60"&gt;10&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="learn-code" aria-pressed="false"&gt;Learn to code &lt;span class="opacity-60"&gt;9&lt;/span&gt;&lt;/button&gt;
&lt;button class="osd-filter rounded-full border border-slate-200 bg-white px-3 py-1.5 text-[13px] font-medium text-slate-700 transition-colors hover:border-slate-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" type="button" data-cat="learn-design" aria-pressed="false"&gt;Learn to design &lt;span class="opacity-60"&gt;3&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p class="mt-4 text-sm text-slate-500" aria-live="polite" aria-atomic="true"&gt;&lt;span id="resources-count"&gt;135&lt;/span&gt; resources&lt;/p&gt;
&lt;p class="mt-6 hidden text-sm text-slate-600" id="resources-empty" role="status"&gt;No resources match your filters. Try a different category or search term.&lt;/p&gt;
&lt;div id="resources-directory"&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="projects" data-cat="projects" aria-labelledby="cat-projects"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-projects"&gt;Projects &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;21&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Open source projects with active design teams, blogs, and processes: good places to see open design in practice or to start contributing.&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects mozilla makers of the firefox browser. ux blog"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://mozilla.org" target="_blank" rel="noopener noreferrer"&gt;Mozilla&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Makers of the Firefox browser.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://blog.mozilla.org/ux" target="_blank" rel="noopener noreferrer"&gt;UX blog&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects gnome desktop environment. design blog design team human interface guidelines"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.gnome.org/" target="_blank" rel="noopener noreferrer"&gt;GNOME&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Desktop environment.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://blogs.gnome.org/aday/category/gnome-ux" target="_blank" rel="noopener noreferrer"&gt;Design blog&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://gitlab.gnome.org/Teams/Design" target="_blank" rel="noopener noreferrer"&gt;Design team&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://developer.gnome.org/hig/" target="_blank" rel="noopener noreferrer"&gt;Human Interface Guidelines&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects gitlab git hosting and code collaboration. ux team"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://about.gitlab.com/" target="_blank" rel="noopener noreferrer"&gt;GitLab&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Git hosting and code collaboration.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://handbook.gitlab.com/handbook/product/ux/" target="_blank" rel="noopener noreferrer"&gt;UX team&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects nextcloud data sync and sharing. design page"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://nextcloud.com" target="_blank" rel="noopener noreferrer"&gt;Nextcloud&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Data sync and sharing.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://nextcloud.com/design" target="_blank" rel="noopener noreferrer"&gt;Design page&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects fedora linux distribution. design blog design team wiki"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://fedoraproject.org/" target="_blank" rel="noopener noreferrer"&gt;Fedora&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Linux distribution.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://communityblog.fedoraproject.org/category/design/" target="_blank" rel="noopener noreferrer"&gt;Design blog&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://fedoraproject.org/wiki/Design" target="_blank" rel="noopener noreferrer"&gt;Design team wiki&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects canonical (ubuntu) design blog"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://ubuntu.com" target="_blank" rel="noopener noreferrer"&gt;Canonical (Ubuntu)&lt;/a&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://ubuntu.com/blog/topics/design" target="_blank" rel="noopener noreferrer"&gt;Design blog&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects wordpress design discussion handbook"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://wordpress.org" target="_blank" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://make.wordpress.org/design/" target="_blank" rel="noopener noreferrer"&gt;Design discussion&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://make.wordpress.org/design/handbook/" target="_blank" rel="noopener noreferrer"&gt;Handbook&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects drupal usability group ui standards"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.drupal.org/" target="_blank" rel="noopener noreferrer"&gt;Drupal&lt;/a&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://groups.drupal.org/usability" target="_blank" rel="noopener noreferrer"&gt;Usability group&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://drupal.org/ui-standards" target="_blank" rel="noopener noreferrer"&gt;UI standards&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects diaspora decentralized social network. ui issues on github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://diasporafoundation.org/" target="_blank" rel="noopener noreferrer"&gt;Diaspora&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Decentralized social network.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/diaspora/diaspora/issues?labels=ui" target="_blank" rel="noopener noreferrer"&gt;UI issues on GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects mediagoblin media platform."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://mediagoblin.org/" target="_blank" rel="noopener noreferrer"&gt;MediaGoblin&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Media platform.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects bewelcome hospitality platform."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.bewelcome.org/" target="_blank" rel="noopener noreferrer"&gt;BeWelcome&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Hospitality platform.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects mailpile mail interface. issues on github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.mailpile.is/" target="_blank" rel="noopener noreferrer"&gt;Mailpile&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mail interface.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/mailpile/Mailpile/issues" target="_blank" rel="noopener noreferrer"&gt;Issues on GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects ghost simple blogging platform."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://ghost.org/" target="_blank" rel="noopener noreferrer"&gt;Ghost&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Simple blogging platform.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects terms of service; didn&amp;#39;t read contract rating."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://tosdr.org/" target="_blank" rel="noopener noreferrer"&gt;Terms of Service; Didn&amp;#39;t Read&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Contract rating.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects libreoffice design team wiki"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.libreoffice.org/" target="_blank" rel="noopener noreferrer"&gt;LibreOffice&lt;/a&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://wiki.documentfoundation.org/Design" target="_blank" rel="noopener noreferrer"&gt;Design team wiki&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects trustroots hospitality platform."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.trustroots.org/" target="_blank" rel="noopener noreferrer"&gt;Trustroots&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Hospitality platform.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects automattic the company behind wordpress.com, woocommerce, and jetpack. design blog"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://automattic.com/" target="_blank" rel="noopener noreferrer"&gt;Automattic&lt;/a&gt;
&lt;span class="text-slate-600"&gt; The company behind WordPress.com, WooCommerce, and Jetpack.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://automattic.design/" target="_blank" rel="noopener noreferrer"&gt;Design blog&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects xwiki development platform. design wiki"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.xwiki.org" target="_blank" rel="noopener noreferrer"&gt;XWiki&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Development platform.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://design.xwiki.org" target="_blank" rel="noopener noreferrer"&gt;Design wiki&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects elementary os linux distribution. human interface guidelines design blog"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://elementary.io/en/" target="_blank" rel="noopener noreferrer"&gt;elementary OS&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Linux distribution.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://docs.elementary.io/hig/" target="_blank" rel="noopener noreferrer"&gt;Human Interface Guidelines&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://blog.elementary.io/tags/#design" target="_blank" rel="noopener noreferrer"&gt;Design blog&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects plasma desktop environment by kde. kde design page human interface guidelines"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://kde.org/plasma-desktop/" target="_blank" rel="noopener noreferrer"&gt;Plasma&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Desktop environment by KDE.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://kde.org/" target="_blank" rel="noopener noreferrer"&gt;KDE&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://develop.kde.org/design/" target="_blank" rel="noopener noreferrer"&gt;Design page&lt;/a&gt; · &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://develop.kde.org/hig" target="_blank" rel="noopener noreferrer"&gt;Human Interface Guidelines&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="projects vibe coding ui specification free, mit-licensed interface-contract project for ai-assisted ui work, with reusable tokens, component states, responsive rules, accessibility requirements, motion constraints, and production review gates."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://horizonx.so/resources/vibe-coding-ui-specification" target="_blank" rel="noopener noreferrer"&gt;Vibe Coding UI Specification&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Free, MIT-licensed interface-contract project for AI-assisted UI work, with reusable tokens, component states, responsive rules, accessibility requirements, motion constraints, and production review gates.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="icons" data-cat="icons" aria-labelledby="cat-icons"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-icons"&gt;Icons &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;17&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons bitcoin icons open source icons made for bitcoin applications, free to use. mit licensed."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://bitcoinicons.com/" target="_blank" rel="noopener noreferrer"&gt;Bitcoin Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Open source icons made for Bitcoin applications, free to use. MIT licensed.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons circum icons consistent open source icons as svg for react, vue, and svelte."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://circumicons.com/" target="_blank" rel="noopener noreferrer"&gt;Circum Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Consistent open source icons as SVG for React, Vue, and Svelte.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons font awesome the iconic font and css toolkit with a large free tier. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://fontawesome.com/" target="_blank" rel="noopener noreferrer"&gt;Font Awesome&lt;/a&gt;
&lt;span class="text-slate-600"&gt; The iconic font and CSS toolkit with a large free tier.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/FortAwesome/Font-Awesome" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons font fabulous a fabulous icon set packaged as a font, free to use. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.manageiq.org/font-fabulous/" target="_blank" rel="noopener noreferrer"&gt;Font Fabulous&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A fabulous icon set packaged as a font, free to use.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/ManageIQ/font-fabulous" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons icomoon cc icons and free-to-use icon-font creation software."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://icomoon.io/" target="_blank" rel="noopener noreferrer"&gt;IcoMoon&lt;/a&gt;
&lt;span class="text-slate-600"&gt; CC icons and free-to-use icon-font creation software.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons iconmonstr a large collection of glyph icons, free to use and modify without attribution."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://iconmonstr.com/" target="_blank" rel="noopener noreferrer"&gt;IconMonstr&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A large collection of glyph icons, free to use and modify without attribution.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons iconoir svg icons, mit licensed."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://iconoir.com/" target="_blank" rel="noopener noreferrer"&gt;Iconoir&lt;/a&gt;
&lt;span class="text-slate-600"&gt; SVG icons, MIT licensed.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons inkscape open symbols open source icon sets to use as inkscape symbols."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://github.com/PanderMusubi/inkscape-open-symbols" target="_blank" rel="noopener noreferrer"&gt;Inkscape Open Symbols&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Open source icon sets to use as Inkscape symbols.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons mono icons a simple, consistent open source icon set for a wide variety of digital products. mit licensed."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://github.com/mono-company/mono-icons" target="_blank" rel="noopener noreferrer"&gt;Mono Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A simple, consistent open source icon set for a wide variety of digital products. MIT licensed.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons pictogramas open source free icons."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://github.com/adrianmg/pictogramas" target="_blank" rel="noopener noreferrer"&gt;Pictogramas&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Open source free icons.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons remix icons huge repository of consistent, neutrally styled icons. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://remixicon.com/" target="_blank" rel="noopener noreferrer"&gt;Remix Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Huge repository of consistent, neutrally styled icons.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/Remix-Design/remixicon" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons react icons svg react icons from popular icon packs. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://react-icons.github.io/react-icons/" target="_blank" rel="noopener noreferrer"&gt;React Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; SVG React icons from popular icon packs.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/react-icons/react-icons" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons feather icons simply beautiful open source icons. mit licensed. react version"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://feathericons.com/" target="_blank" rel="noopener noreferrer"&gt;Feather Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Simply beautiful open source icons. MIT licensed.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/feathericons/react-feather" target="_blank" rel="noopener noreferrer"&gt;React version&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons styled icons icon packs like font awesome, material design, and octicons as react styled-components. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://styled-icons.js.org/" target="_blank" rel="noopener noreferrer"&gt;Styled Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Icon packs like Font Awesome, Material Design, and Octicons as React styled-components.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/styled-icons/styled-icons" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons the noun project cc and purchasable icons for personal and commercial purposes."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://thenounproject.com" target="_blank" rel="noopener noreferrer"&gt;The Noun Project&lt;/a&gt;
&lt;span class="text-slate-600"&gt; CC and purchasable icons for personal and commercial purposes.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons tabler icons open source svg icons in a visually consistent style. mit licensed. github"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://tabler.io/icons" target="_blank" rel="noopener noreferrer"&gt;Tabler Icons&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Open source SVG icons in a visually consistent style. MIT licensed.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://github.com/tabler/tabler-icons" target="_blank" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="icons svgicons.com search and browse open-source svg icon sets with source and license context."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://svgicons.com/" target="_blank" rel="noopener noreferrer"&gt;SVGicons.com&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Search and browse open-source SVG icon sets with source and license context.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="fonts" data-cat="fonts" aria-labelledby="cat-fonts"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-fonts"&gt;Fonts &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;11&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Some of these platforms also take submissions, so if you designed a font with an open license, submit it there!&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts the league of moveable type "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.theleagueofmoveabletype.com/" target="_blank" rel="noopener noreferrer"&gt;The League of Moveable Type&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts font library "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://fontlibrary.org/" target="_blank" rel="noopener noreferrer"&gt;Font Library&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts google web fonts "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://fonts.google.com/" target="_blank" rel="noopener noreferrer"&gt;Google Web Fonts&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts libre fonts by womxn "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://design-research.be/by-womxn/" target="_blank" rel="noopener noreferrer"&gt;Libre Fonts by Womxn&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts open foundry "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://open-foundry.com" target="_blank" rel="noopener noreferrer"&gt;Open Foundry&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts open source publishing foundry "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://osp.kitchen/foundry/" target="_blank" rel="noopener noreferrer"&gt;Open Source Publishing Foundry&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts velvetyne "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.velvetyne.fr" target="_blank" rel="noopener noreferrer"&gt;Velvetyne&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts use &amp;amp; modify "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://usemodify.com" target="_blank" rel="noopener noreferrer"&gt;Use &amp;amp; Modify&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts fontforge font editor."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://fontforge.org/" target="_blank" rel="noopener noreferrer"&gt;FontForge&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Font editor.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts metaflop parametric font editor."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.metaflop.com" target="_blank" rel="noopener noreferrer"&gt;Metaflop&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Parametric font editor.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="fonts type:bits collaborative type design workshop."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://manufacturaindependente.org/typebits/" target="_blank" rel="noopener noreferrer"&gt;Type:Bits&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Collaborative type design workshop.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="images" data-cat="images" aria-labelledby="cat-images"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-images"&gt;Images &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;11&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images pixabay "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://pixabay.com/" target="_blank" rel="noopener noreferrer"&gt;Pixabay&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images flickr creative commons "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.flickr.com/creativecommons/" target="_blank" rel="noopener noreferrer"&gt;Flickr Creative Commons&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images gratisography "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://gratisography.com/" target="_blank" rel="noopener noreferrer"&gt;Gratisography&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images the stocks "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://thestocks.im/" target="_blank" rel="noopener noreferrer"&gt;The Stocks&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images stocksnap "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://stocksnap.io/" target="_blank" rel="noopener noreferrer"&gt;StockSnap&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images nypl public domain images public-domain digital collections of the new york public library."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.nypl.org/research/collections/digital-collections/public-domain?hspace=331354" target="_blank" rel="noopener noreferrer"&gt;NYPL Public Domain Images&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Public-domain digital collections of the New York Public Library.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images undraw open source illustrations."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://undraw.co/" target="_blank" rel="noopener noreferrer"&gt;unDraw&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Open source illustrations.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images interfacer "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://interfacer.xyz/" target="_blank" rel="noopener noreferrer"&gt;Interfacer&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images open doodles free sketchy illustrations."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.opendoodles.com/" target="_blank" rel="noopener noreferrer"&gt;Open Doodles&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Free sketchy illustrations.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images unsplash "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://unsplash.com/" target="_blank" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="images pexels "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.pexels.com/" target="_blank" rel="noopener noreferrer"&gt;Pexels&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="cc-media" data-cat="cc-media" aria-labelledby="cat-cc-media"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-cc-media"&gt;Creative Commons media &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;4&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Media from big platforms published under Creative Commons licenses.&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="creative commons media openverse search over 800 million openly licensed images and audio files (formerly cc search)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://openverse.org/" target="_blank" rel="noopener noreferrer"&gt;Openverse&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Search over 800 million openly licensed images and audio files (formerly CC Search).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="creative commons media wikimedia commons "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://commons.wikimedia.org/wiki/Main_Page" target="_blank" rel="noopener noreferrer"&gt;Wikimedia Commons&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="creative commons media youtube creative commons licensed videos on youtube."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://support.google.com/youtube/answer/2797468" target="_blank" rel="noopener noreferrer"&gt;YouTube&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Creative Commons licensed videos on YouTube.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="creative commons media soundcloud creative commons licensed sounds and music."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://soundcloud.com/search/sounds?filter.license=to_share" target="_blank" rel="noopener noreferrer"&gt;SoundCloud&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Creative Commons licensed sounds and music.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="tools" data-cat="tools" aria-labelledby="cat-tools"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-tools"&gt;Design tools &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;18&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Design discussion also happens right on a project&amp;rsquo;s issue tracker, for example at &lt;a href="https://github.com"&gt;GitHub&lt;/a&gt;: get an account, identify design issues, participate, and open new ones. A »Design« label groups them, like in the &lt;a href="https://github.com/nextcloud/core/issues?labels=Design"&gt;Nextcloud issues&lt;/a&gt;.&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools pen &amp;amp; paper mockups and prototypes without hi-fi photoshop work."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://alistapart.com/article/paperprototyping" target="_blank" rel="noopener noreferrer"&gt;Pen &amp;amp; paper&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mockups and prototypes without hi-fi Photoshop work.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools draw.io diagrams, mockups."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.drawio.com/" target="_blank" rel="noopener noreferrer"&gt;draw.io&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Diagrams, mockups.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools pencil mockups."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://pencil.evolus.vn/" target="_blank" rel="noopener noreferrer"&gt;Pencil&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mockups.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools penpot mockups."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://penpot.app/" target="_blank" rel="noopener noreferrer"&gt;Penpot&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mockups.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools quant ux mockups, ux testing, heatmaps."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.quant-ux.com/#/" target="_blank" rel="noopener noreferrer"&gt;Quant UX&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mockups, UX testing, heatmaps.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools krita art, digital painting."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://krita.org/en/" target="_blank" rel="noopener noreferrer"&gt;Krita&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Art, digital painting.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools blender 3d rendering, animation, textures."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.blender.org/" target="_blank" rel="noopener noreferrer"&gt;Blender&lt;/a&gt;
&lt;span class="text-slate-600"&gt; 3D rendering, animation, textures.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools darktable photo workflow."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.darktable.org/" target="_blank" rel="noopener noreferrer"&gt;darktable&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Photo workflow.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools rawtherapee photo workflow."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.rawtherapee.com" target="_blank" rel="noopener noreferrer"&gt;RawTherapee&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Photo workflow.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools digikam photo management."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.digikam.org/" target="_blank" rel="noopener noreferrer"&gt;digiKam&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Photo management.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools gimp image manipulation, compositing."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.gimp.org/" target="_blank" rel="noopener noreferrer"&gt;GIMP&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Image manipulation, compositing.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools inkscape vector elements, print export."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://inkscape.org/" target="_blank" rel="noopener noreferrer"&gt;Inkscape&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Vector elements, print export.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools synfig animation."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://synfig.org/" target="_blank" rel="noopener noreferrer"&gt;Synfig&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Animation.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools natron compositing, vfx, motion graphics."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://natrongithub.github.io/" target="_blank" rel="noopener noreferrer"&gt;Natron&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Compositing, VFX, motion graphics.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools scribus page layout, desktop publishing."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.scribus.net/" target="_blank" rel="noopener noreferrer"&gt;Scribus&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Page layout, desktop publishing.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools displaycal color calibration."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://displaycal.net/" target="_blank" rel="noopener noreferrer"&gt;DisplayCAL&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Color calibration.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools kdenlive video editing."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://kdenlive.org" target="_blank" rel="noopener noreferrer"&gt;Kdenlive&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Video editing.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design tools figma ui design, wireframes, prototypes."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.figma.com/" target="_blank" rel="noopener noreferrer"&gt;Figma&lt;/a&gt;
&lt;span class="text-slate-600"&gt; UI design, wireframes, prototypes.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="color" data-cat="color" aria-labelledby="cat-color"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-color"&gt;Color &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;6&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color blend css gradient generator."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.colinkeany.com/blend/" target="_blank" rel="noopener noreferrer"&gt;Blend&lt;/a&gt;
&lt;span class="text-slate-600"&gt; CSS gradient generator.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color leonardo by adobe color contrast generator."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://leonardocolor.io/" target="_blank" rel="noopener noreferrer"&gt;Leonardo by Adobe&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Color contrast generator.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color tanaguru contrast-finder for finding complementary colors."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://contrast-finder.tanaguru.com/" target="_blank" rel="noopener noreferrer"&gt;Tanaguru Contrast-Finder&lt;/a&gt;
&lt;span class="text-slate-600"&gt; For finding complementary colors.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color colors.lol overly descriptive color palettes."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://colors.lol/" target="_blank" rel="noopener noreferrer"&gt;colors.lol&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Overly descriptive color palettes.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color color hunt color palettes for designers and artists."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://colorhunt.co/" target="_blank" rel="noopener noreferrer"&gt;Color Hunt&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Color palettes for designers and artists.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="color nof complementary color palette generator."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://nofpg.netlify.app/" target="_blank" rel="noopener noreferrer"&gt;Nof&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Complementary Color Palette Generator.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="css" data-cat="css" aria-labelledby="cat-css"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-css"&gt;CSS frameworks &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;8&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks bootstrap fully featured, mature html, css (less), and javascript."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://getbootstrap.com" target="_blank" rel="noopener noreferrer"&gt;Bootstrap&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Fully featured, mature HTML, CSS (LESS), and JavaScript.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks foundation fully featured, mature html, css (sass), and javascript."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://get.foundation/" target="_blank" rel="noopener noreferrer"&gt;Foundation&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Fully featured, mature HTML, CSS (Sass), and JavaScript.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks basscss lightning-fast, modular css for designers."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://basscss.com/" target="_blank" rel="noopener noreferrer"&gt;Basscss&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Lightning-fast, modular CSS for designers.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks bourbon a simple and lightweight mixin library for sass."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://bourbon.io/" target="_blank" rel="noopener noreferrer"&gt;Bourbon&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A simple and lightweight mixin library for Sass.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks kickoff a lightweight front-end framework for scalable, responsive sites."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://tmwagency.github.io/kickoff/" target="_blank" rel="noopener noreferrer"&gt;Kickoff&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A lightweight front-end framework for scalable, responsive sites.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks space base a sass-based responsive css framework."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://spacebase.space150.com/" target="_blank" rel="noopener noreferrer"&gt;Space Base&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A Sass-based responsive CSS framework.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks rebar simple, lightweight html and css (less)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://github.com/bnvk/Rebar" target="_blank" rel="noopener noreferrer"&gt;Rebar&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Simple, lightweight HTML and CSS (LESS).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="css frameworks patternfly a community of designers and developers building a ui framework for enterprise web applications."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.patternfly.org/" target="_blank" rel="noopener noreferrer"&gt;PatternFly&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A community of designers and developers building a UI framework for enterprise web applications.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="design-reads" data-cat="design-reads" aria-labelledby="cat-design-reads"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-design-reads"&gt;Design reads &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;11&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads first rule of usability? don&amp;#39;t listen to users jakob nielsen, 2001."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.nngroup.com/articles/first-rule-of-usability-dont-listen-to-users/" target="_blank" rel="noopener noreferrer"&gt;First Rule of Usability? Don&amp;#39;t Listen to Users&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Jakob Nielsen, 2001.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads 10 heuristics for user interface design jakob nielsen, 1995."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.nngroup.com/articles/ten-usability-heuristics/" target="_blank" rel="noopener noreferrer"&gt;10 Heuristics for User Interface Design&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Jakob Nielsen, 1995.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads principles of user interface design joshua porter."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="http://bokardo.com/archives/new-resource-principles-of-user-interface-design/" target="_blank" rel="noopener noreferrer"&gt;Principles of User Interface Design&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Joshua Porter.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads ten principles for good design dieter rams, 1970s."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.vitsoe.com/gb/about/good-design" target="_blank" rel="noopener noreferrer"&gt;Ten Principles for Good Design&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Dieter Rams, 1970s.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads a beginner&amp;#39;s guide to finding user needs "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://jdittrich.github.io/userNeedResearchBook/" target="_blank" rel="noopener noreferrer"&gt;A Beginner&amp;#39;s Guide to Finding User Needs&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads don&amp;#39;t make me think steve krug&amp;#39;s usability classic (book)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.amazon.com/dp/0321344758" target="_blank" rel="noopener noreferrer"&gt;Don&amp;#39;t Make Me Think&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Steve Krug&amp;#39;s usability classic (book).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads the design of everyday things don norman&amp;#39;s design classic (book)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.amazon.com/dp/0465067107" target="_blank" rel="noopener noreferrer"&gt;The Design of Everyday Things&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Don Norman&amp;#39;s design classic (book).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads humane by design "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://humanebydesign.com/" target="_blank" rel="noopener noreferrer"&gt;Humane by Design&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads human flourishing design guide "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://flourishing.cc/" target="_blank" rel="noopener noreferrer"&gt;Human Flourishing Design Guide&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads designing for trust data trust by design, principles, patterns, and best practices."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://medium.com/greater-than-experience-design/data-trust-by-design-principles-patterns-and-best-practices-part-1-defffaac014b" target="_blank" rel="noopener noreferrer"&gt;Designing for Trust&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Data trust by design, principles, patterns, and best practices.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="design reads inclusive design: cards for humanity "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://cardsforhumanity.frog.co/" target="_blank" rel="noopener noreferrer"&gt;Inclusive Design: Cards for Humanity&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="osd-reads" data-cat="osd-reads" aria-labelledby="cat-osd-reads"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-osd-reads"&gt;Open source design reads &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;6&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads free software ui havoc pennington, 2002."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://ometer.com/free-software-ui.html" target="_blank" rel="noopener noreferrer"&gt;Free Software UI&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Havoc Pennington, 2002.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads how not to design a portfolio "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.alexcornell.com/the-worst-portfolio-ever/" target="_blank" rel="noopener noreferrer"&gt;How Not To Design a Portfolio&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads open design now book."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://opendesignnow.org/" target="_blank" rel="noopener noreferrer"&gt;Open Design Now&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Book.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads coordinating usability &amp;amp; testing in free software thesis, 2011."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://jancborchardt.net/usability-in-free-software" target="_blank" rel="noopener noreferrer"&gt;Coordinating usability &amp;amp; testing in Free Software&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Thesis, 2011.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads barriers faced by newcomers to open source projects a systematic review by steinmacher, silva, and gerosa, 2014 (research paper)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://link.springer.com/chapter/10.1007/978-3-642-55128-4_21" target="_blank" rel="noopener noreferrer"&gt;Barriers Faced by Newcomers to Open Source Projects&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A systematic review by Steinmacher, Silva, and Gerosa, 2014 (research paper).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="open source design reads an exploration of fedora&amp;#39;s online open source development community ethnographic study by diana harrelson, 2010 (research paper)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.cyber-anthro.com/beta-an-exploration-of-fedoras-online-open-source-development-community/" target="_blank" rel="noopener noreferrer"&gt;An Exploration of Fedora&amp;#39;s Online Open Source Development Community&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Ethnographic study by Diana Harrelson, 2010 (research paper).&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="community" data-cat="community" aria-labelledby="cat-community"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-community"&gt;Community &amp;amp; inspiration &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;10&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Other nice stuff in the design and open source space.&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration libre graphics magazine print magazine."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://libregraphicsmag.com/" target="_blank" rel="noopener noreferrer"&gt;Libre Graphics magazine&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Print magazine.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration libre projects collection of nice open source web apps."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://libreprojects.net" target="_blank" rel="noopener noreferrer"&gt;Libre Projects&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Collection of nice open source web apps.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration libre arts news for creative professionals using free software (formerly libre graphics world)."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://librearts.org/" target="_blank" rel="noopener noreferrer"&gt;Libre Arts&lt;/a&gt;
&lt;span class="text-slate-600"&gt; News for creative professionals using free software (formerly Libre Graphics World).&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration libre graphics meeting conference."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://libregraphicsmeeting.org/" target="_blank" rel="noopener noreferrer"&gt;Libre Graphics Meeting&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Conference.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration beautiful open beautiful sites for open source projects."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://beautifulopen.com" target="_blank" rel="noopener noreferrer"&gt;Beautiful Open&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Beautiful sites for open source projects.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration open design and hardware group okfn open design and hardware group."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://design.okfn.org/" target="_blank" rel="noopener noreferrer"&gt;Open Design and Hardware Group&lt;/a&gt;
&lt;span class="text-slate-600"&gt; OKFN open design and hardware group.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration pixls.us free and open source photography. software list"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://pixls.us" target="_blank" rel="noopener noreferrer"&gt;PIXLS.US&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Free and open source photography.&lt;/span&gt;
&lt;span class="text-slate-500"&gt;
· &lt;a class="break-words underline decoration-slate-300 underline-offset-4 transition hover:text-slate-900 hover:decoration-slate-900" href="https://pixls.us/software/" target="_blank" rel="noopener noreferrer"&gt;Software list&lt;/a&gt;
&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration photos of design research on wikimedia commons."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://commons.wikimedia.org/wiki/Category:Designethnography" target="_blank" rel="noopener noreferrer"&gt;Photos of Design Research&lt;/a&gt;
&lt;span class="text-slate-600"&gt; On Wikimedia Commons.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration checklist design a collection of ux and ui best practices."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.checklist.design/" target="_blank" rel="noopener noreferrer"&gt;Checklist Design&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A collection of UX and UI best practices.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="community &amp;amp; inspiration untools tools for better thinking."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://untools.co/" target="_blank" rel="noopener noreferrer"&gt;Untools&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Tools for better thinking.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="learn-code" data-cat="learn-code" aria-labelledby="cat-learn-code"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-learn-code"&gt;Learn to code &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;9&lt;/span&gt;&lt;/h3&gt;
&lt;div class="mt-3 max-w-prose text-sm leading-relaxed text-slate-600 break-words [&amp;_a]:font-medium [&amp;_a]:text-slate-900 [&amp;_a]:underline [&amp;_a]:decoration-slate-300 [&amp;_a]:underline-offset-4 hover:[&amp;_a]:decoration-slate-900"&gt;Focused on HTML, CSS, and JavaScript. Ideally to implement your own suggestions, but also to better discuss with developers and understand why and how certain things work and don&amp;rsquo;t work.&lt;/div&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code mozilla developer network great web dev documentation."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://developer.mozilla.org/" target="_blank" rel="noopener noreferrer"&gt;Mozilla Developer Network&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Great web dev documentation.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code transitional interfaces, coded for good animations."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://css-tricks.com/transitional-interfaces-coded/" target="_blank" rel="noopener noreferrer"&gt;Transitional Interfaces, Coded&lt;/a&gt;
&lt;span class="text-slate-600"&gt; For good animations.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code codecademy interactive tutorials."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://www.codecademy.com/" target="_blank" rel="noopener noreferrer"&gt;Codecademy&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Interactive tutorials.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code git basics github&amp;#39;s guide to getting started with git."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://docs.github.com/en/get-started/git-basics/set-up-git" target="_blank" rel="noopener noreferrer"&gt;Git basics&lt;/a&gt;
&lt;span class="text-slate-600"&gt; GitHub&amp;#39;s guide to getting started with Git.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code code.org "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://code.org/" target="_blank" rel="noopener noreferrer"&gt;code.org&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code egghead video courses on web development."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://egghead.io/" target="_blank" rel="noopener noreferrer"&gt;Egghead&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Video courses on web development.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code tota11y a bookmarklet to check that your website is accessibility compliant."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://github.com/jdan/tota11y" target="_blank" rel="noopener noreferrer"&gt;tota11y&lt;/a&gt;
&lt;span class="text-slate-600"&gt; A bookmarklet to check that your website is accessibility compliant.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code open source guide: how to contribute to open source "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://opensource.guide/how-to-contribute/" target="_blank" rel="noopener noreferrer"&gt;Open Source Guide: How to Contribute to Open Source&lt;/a&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to code course: how to contribute to an open source project on github "&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://egghead.io/courses/how-to-contribute-to-an-open-source-project-on-github" target="_blank" rel="noopener noreferrer"&gt;Course: How to Contribute to an Open Source Project on GitHub&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;section class="resource-cat mt-10 scroll-mt-24" id="learn-design" data-cat="learn-design" aria-labelledby="cat-learn-design"&gt;
&lt;h3 class="flex items-baseline gap-2 border-b border-slate-200 pb-2 text-xs font-semibold uppercase tracking-widest text-slate-500" id="cat-learn-design"&gt;Learn to design &lt;span class="font-normal normal-case tracking-normal text-slate-500"&gt;3&lt;/span&gt;&lt;/h3&gt;
&lt;ul class="mt-2 gap-x-10 sm:columns-2" role="list"&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to design hack design free design lessons by inspirational designers."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://hackdesign.org/" target="_blank" rel="noopener noreferrer"&gt;Hack Design&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Free design lessons by inspirational designers.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to design designlab design courses with mentorship and projects."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://designlab.com/" target="_blank" rel="noopener noreferrer"&gt;Designlab&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Design courses with mentorship and projects.&lt;/span&gt;
&lt;/li&gt;
&lt;li class="resource-item break-inside-avoid py-1.5 text-sm leading-relaxed" data-haystack="learn to design voice and tone mailchimp&amp;#39;s guide to writing good copy."&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href="https://styleguide.mailchimp.com/voice-and-tone/" target="_blank" rel="noopener noreferrer"&gt;Voice and Tone&lt;/a&gt;
&lt;span class="text-slate-600"&gt; Mailchimp&amp;#39;s guide to writing good copy.&lt;/span&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;/div&gt;
&lt;/section&gt;
&lt;script&gt;
(function () {
var root = document.getElementById('resources-directory');
if (!root) return;
var cats = Array.prototype.slice.call(root.querySelectorAll('.resource-cat'));
var buttons = Array.prototype.slice.call(document.querySelectorAll('.osd-filter[data-cat]'));
var input = document.getElementById('resources-q');
var clearBtn = document.getElementById('resources-clear');
var countEl = document.getElementById('resources-count');
var emptyEl = document.getElementById('resources-empty');
function setPressed(activeCat) {
buttons.forEach(function (btn) {
var on = btn.getAttribute('data-cat') === activeCat;
btn.setAttribute('aria-pressed', on ? 'true' : 'false');
if (on) {
btn.classList.add('border-slate-900', 'bg-slate-900', 'text-white');
btn.classList.remove('border-slate-200', 'bg-white', 'text-slate-700', 'hover:border-slate-400');
} else {
btn.classList.remove('border-slate-900', 'bg-slate-900', 'text-white');
btn.classList.add('border-slate-200', 'bg-white', 'text-slate-700', 'hover:border-slate-400');
}
});
}
function getState() {
var params = new URLSearchParams(window.location.search);
return { cat: params.get('cat') || 'all', q: params.get('q') || '' };
}
function setState(next) {
var params = new URLSearchParams(window.location.search);
if (next.cat &amp;&amp; next.cat !== 'all') params.set('cat', next.cat); else params.delete('cat');
if (next.q) params.set('q', next.q); else params.delete('q');
var qs = params.toString();
window.history.replaceState({}, '', window.location.pathname + (qs ? ('?' + qs) : ''));
}
function apply() {
var state = getState();
var q = (state.q || '').trim().toLowerCase();
setPressed(state.cat);
if (input &amp;&amp; input.value !== state.q) input.value = state.q;
var shown = 0;
cats.forEach(function (cat) {
var okCat = state.cat === 'all' || cat.getAttribute('data-cat') === state.cat;
var visibleItems = 0;
Array.prototype.slice.call(cat.querySelectorAll('.resource-item')).forEach(function (li) {
var okQ = !q || (li.getAttribute('data-haystack') || '').indexOf(q) !== -1;
var show = okCat &amp;&amp; okQ;
li.hidden = !show;
if (show) visibleItems++;
});
cat.hidden = visibleItems === 0;
shown += visibleItems;
});
if (countEl) countEl.textContent = String(shown);
if (emptyEl) emptyEl.classList.toggle('hidden', shown !== 0);
}
buttons.forEach(function (btn) {
btn.addEventListener('click', function () {
var next = getState();
next.cat = btn.getAttribute('data-cat');
setState(next);
apply();
});
});
if (input) {
input.addEventListener('input', function () {
var next = getState();
next.q = input.value;
setState(next);
apply();
});
}
if (clearBtn) {
clearBtn.addEventListener('click', function () {
var next = getState();
next.q = '';
setState(next);
apply();
if (input) input.focus();
});
}
window.addEventListener('popstate', apply);
apply();
})();
&lt;/script&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/links/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>Bibliography</title><link>https://opensourcedesign.net/resources/bibliography/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/bibliography/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>Articles, talks, papers, and books on design in open source.</description><content:encoded>&lt;!-- The bibliography below is rendered from data/bibliography.yaml - edit that
file to add or change entries. --&gt;
&lt;section class="not-prose my-8" aria-label="Reading &amp; Research bibliography"&gt;
&lt;ul class="mt-6 space-y-4" role="list"&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://postcapitalist.design/" target="_blank" rel="noopener noreferrer"&gt;Unsustaining the Commodity-Machine – Commoning Practices in Postcapitalist Design&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Selçuk Balamir &amp;middot; Amsterdam School for Cultural Analysis
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2021&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://opensource.com/article/20/9/decentralization-signup" target="_blank" rel="noopener noreferrer"&gt;How Nextcloud simplified the signup process for decentralization&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Jan C. Borchardt &amp;middot; Opensource.com
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2020&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://opensource.com/article/20/6/open-source-design" target="_blank" rel="noopener noreferrer"&gt;Use your artistic skills to help open source&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Jeff Macharyas &amp;middot; Opensource.com
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2020&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://www.youtube.com/watch?v=4OE6HNPf93c" target="_blank" rel="noopener noreferrer"&gt;Open Design, Libre Graphics: Why terminology matters&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Ana Isabel Carvalho, Ricardo Lafuente &amp;middot; Libre Graphics Meeting Saarbrücken
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2019&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://ixdaberlin.de/#71" target="_blank" rel="noopener noreferrer"&gt;Designing with not for - an observational report on the Wikimedia Movement&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Hanna Petruschat &amp;middot; IxDA Berlin
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2019&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://copy-this-book.eu" target="_blank" rel="noopener noreferrer"&gt;Copy This Book. An Artist&amp;#39;s Guide to Copyright&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Eric Schrijver
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;book&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2018&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://medium.com/@dburka/open-source-identity-design-for-simple-4025c6d48acc" target="_blank" rel="noopener noreferrer"&gt;Open-source identity design for Simple&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Daniel Burka
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2018&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://www.youtube.com/watch?v=U5WAi933Q2k" target="_blank" rel="noopener noreferrer"&gt;State of Open Source Design in 2018&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Victoria Bondarchuk &amp;middot; FOSSASIA
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2018&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://jdittrich.github.io/userNeedResearchBook/" target="_blank" rel="noopener noreferrer"&gt;A Beginner&amp;#39;s Guide to Finding User Needs&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Jan Dittrich
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;book&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2018&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://2017.fossasia.org/tracks.html#2017-03-19-Design,_Art,_Community" target="_blank" rel="noopener noreferrer"&gt;The Least You Can Do About Usability in Open Source&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Victoria Bondarchuk &amp;middot; FOSSASIA
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2017&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://www.youtube.com/watch?v=IJE4I467JCw" target="_blank" rel="noopener noreferrer"&gt;Connecting design, culture, art, and technology across the archipelago&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Kathleen Azali &amp;middot; FOSSASIA
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2017&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://www.youtube.com/watch?v=3M9ptBxFyP4" target="_blank" rel="noopener noreferrer"&gt;Expectations from Open Source Designers&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Ecaterina Moraru &amp;middot; FOSSASIA
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;talk&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2017&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="http://design-research.be/open-source/" target="_blank" rel="noopener noreferrer"&gt;Authorship alternatives, free / open source&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Loraine Furter, Eric Schrijver
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2016&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://medium.com/mobile-lifestyle/design-meet-open-a107c5eeeb7e" target="_blank" rel="noopener noreferrer"&gt;Design, meet Open&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Dan Makoski
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2016&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://vimeo.com/139094998" target="_blank" rel="noopener noreferrer"&gt;Everything is a Remix Remastered&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Kirby Ferguson
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;video&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2015&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://link.springer.com/chapter/10.1007/978-3-319-22698-9_2" target="_blank" rel="noopener noreferrer"&gt;Non-response, Social Exclusion, and False Acceptance: Gatekeeping Tactics and Usability Work in Free-Libre Open Source Software Development&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Mikko Rajanen, Netta Iivari, Arto Lanamäki
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;paper&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2015&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://opensource.com/life/15/7/get-designers-involved-software-project" target="_blank" rel="noopener noreferrer"&gt;How to get designers involved in your software project&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Nicole C. Baratta &amp;middot; Opensource.com
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2015&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://blog.freehive.com/designers-guide-transitioning-open-source-software/" target="_blank" rel="noopener noreferrer"&gt;A Designer&amp;#39;s Guide for Transitioning to Open-Source Software&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Ryan Gorley
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2015&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://24ways.org/2014/why-you-should-design-for-open-source/" target="_blank" rel="noopener noreferrer"&gt;Why You Should Design for Open Source&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Jina Anne &amp;middot; 24 ways
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2014&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://una.im/open-source-design/" target="_blank" rel="noopener noreferrer"&gt;Open Source Design&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Una Kravets
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2014&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://i.liketightpants.net/and/no-one-starts-from-scratch-type-design-and-the-logic-of-the-fork" target="_blank" rel="noopener noreferrer"&gt;No-one Starts From Scratch: Type Design and the Logic of the Fork&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Eric Schrijver
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2013&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://bradfrost.com/blog/post/designing-in-the-open/" target="_blank" rel="noopener noreferrer"&gt;Designing In The Open&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Brad Frost
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2013&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://ponnuki.net/2011/07/open-source-graphic-design/" target="_blank" rel="noopener noreferrer"&gt;Open source graphic design&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
studio ponnuki
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2011&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://jancborchardt.net/usability-in-free-software" target="_blank" rel="noopener noreferrer"&gt;Usability in Free Software&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Jan C. Borchardt
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;paper&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2011&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://markboulton.co.uk/journal/design-in-open-source/" target="_blank" rel="noopener noreferrer"&gt;Design in Open Source&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Mark Boulton
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2009&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://www.thepublicdomain.org/download/" target="_blank" rel="noopener noreferrer"&gt;The Public Domain: Enclosing the Commons of the Mind&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
James Boyle
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;book&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2008&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://factoryjoe.com/2008/01/03/the-problem-with-open-source-design/" target="_blank" rel="noopener noreferrer"&gt;The problem with open source design&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Chris Messina
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2008&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://firstmonday.org/ojs/index.php/fm/article/view/1484/1399#p2" target="_blank" rel="noopener noreferrer"&gt;Fundamental Issues with Open Source Software Development – User interface design&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Michelle Levesque &amp;middot; First Monday
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;paper&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2004&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="http://www.free-culture.cc/freecontent/" target="_blank" rel="noopener noreferrer"&gt;Free Culture: How Big Media Uses Technology and the Law to Lock Down Culture and Control Creativity&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Lawrence Lessig
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;book&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2004&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="http://firstmonday.org/article/view/1018/939" target="_blank" rel="noopener noreferrer"&gt;The Usability of Open Source Software&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
David M. Nichols, Michael B. Twidale &amp;middot; First Monday
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;paper&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2003&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="flex flex-col gap-1 border-b border-slate-100 pb-4 last:border-0 last:pb-0 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4"&gt;
&lt;div class="min-w-0"&gt;
&lt;a class="break-words font-medium text-slate-900 underline decoration-slate-300 underline-offset-2 hover:decoration-slate-900" href="https://ometer.com/preferences.html" target="_blank" rel="noopener noreferrer"&gt;Choosing our Preferences&lt;/a&gt;
&lt;div class="mt-0.5 text-sm text-slate-600"&gt;
Havoc Pennington
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="flex shrink-0 items-center gap-2 text-xs"&gt;
&lt;span class="rounded-full bg-slate-100 px-2.5 py-1 font-medium capitalize text-slate-600"&gt;article&lt;/span&gt;
&lt;span class="font-medium text-slate-500"&gt;2002&lt;/span&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/section&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/bibliography/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>Why one should be familiar with projects and their structure</title><link>https://opensourcedesign.net/resources/why-know-projects-and-their-structure/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/why-know-projects-and-their-structure/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>Rather than joining some project that has design tasks, join one that you are or want to get familiar with</description><content:encoded>&lt;p&gt;How to start as a designer in an open source software project? It seems
to be both very simple and very difficult: Simple because the formal
barriers to participation are low: You do not need to be hired or show a
certificate to contribute or participate in FOSS. Difficult because most
projects do not have design projects that one can easily start with so
involvement in FOSS as a designer can mean a lot of up-front
clarification and effort to understand the needs of a FOSS project.&lt;/p&gt;
&lt;p&gt;A common process is often described as one can just &amp;lsquo;pick up&amp;rsquo; a task in
an open source project, and do a task based on one&amp;rsquo;s professional
competency or interest: Some dialog is confusing? Propose a better
wording or layout! The software looks old-fashioned and dated? Create a
new style or design system! A function is confusing to use? Create a
design based on current simple/usable interface techniques, customized
to the needs of the project!&lt;/p&gt;
&lt;p&gt;These are all valid design tasks and valid design solutions. They are
not wrong, but also, such solutions almost never get implemented for
many reasons, each unique to the FOSS project.&lt;/p&gt;
&lt;p&gt;The infrastructure with its focus on single issues suggests that one can
solve single, self-contained issues and it also matches the culture&amp;rsquo;s
assumption that »everyone can contribute«. A lot of that culture and
infrastructure is geared towards code, not interface design or any kinds
of design practices.&lt;/p&gt;
&lt;p&gt;But even for code, such quick, self-contained contributions are rare.
They might apply best to abstract tasks like changing to a more
efficient algorithm that still gets the same data and returns the same
data. But most code changes interact with other parts of the code and
quickly introduce ripple effects. In well-maintained and well-structured
codebases these ripple effects are contained, but even to know that they
are contained and do not cause a mess usually requires knowledge of the
codebase, or the to know the right person to ask. This means, to
contribute you need knowledge of the context even when contributing in
code, the medium that infrastructure and culture are tailored to. And
this applies even more to design contributions that are not received
graciously or as easily with the culture and infrastructure of open
source projects.&lt;/p&gt;
&lt;p&gt;This means that design contributions usually require knowledge about the
project one contributes to.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;What the technology (programming language or framework) that creates
the user interface can do and what not.&lt;/li&gt;
&lt;li&gt;What users want to do with the software&lt;/li&gt;
&lt;li&gt;What other contributors think the software should do.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The last two points are not always the same; many users want a
replacement for a commercial product, many contributors want them to see
their software as independent from such assumptions. They say that they
are not Photoshop or MS Office, even though a free version of that is
exactly what many users would like to have, since what they know will be
intuitive for them.&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s important to observe, and to understand how the project and the
communication work. This can often be best explored by making small
suggestions or changes rather than general redesigns that assert how
design should be done, which easily miss what project might want to do
and what can be done with the available technology.&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/why-know-projects-and-their-structure/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>Typical Tasks in open source design</title><link>https://opensourcedesign.net/resources/scenarios-for-usability/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/scenarios-for-usability/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>Some scenarios that often help to improve usability and user experience in projects</description><content:encoded>&lt;p&gt;Many of the below suggestions are accessible and non-invasive ways of
getting involved in FOSS projects. This doesn&amp;rsquo;t mean you cannot attempt
a large, ambitious project that attempts to &amp;rsquo;re-design&amp;rsquo; or change much
of a FOSS project&amp;rsquo;s interface or experience but as first or early
contributions those are often met with concern and caution. The FOSS
project has to know that you will be there through the entire time for a
large contribution project. It&amp;rsquo;s best to start small, actionable,
visibly valuable and understandable for those not familiar with design
terms, processes and practices.&lt;/p&gt;
&lt;h2 id="improve-labels"&gt;Improve Labels&lt;/h2&gt;
&lt;h3 id="what-is-this"&gt;What is this?&lt;/h3&gt;
&lt;p&gt;Finding better, more concrete labels for buttons, menus and input fields.&lt;/p&gt;
&lt;h3 id="how-does-it-help"&gt;How does it help?&lt;/h3&gt;
&lt;p&gt;Labels shape expectations—and these expectations should match what
the software actually will do.&lt;/p&gt;
&lt;h3 id="example-dont-use-implementation-language-in-labels"&gt;Example: Don’t use implementation language in labels&lt;/h3&gt;
&lt;p&gt;In this &lt;a href="https://gitlab.com/inkscape/inkscape/-/merge_requests/7048"&gt;issue on the inkscape project&lt;/a&gt; (via &lt;a href="https://g0v.social/@ltlnx/115883073086406019"&gt;@ltlnx&lt;/a&gt;)
user Adam Belis suggests to replace lables like “Insert node at min X” with “Add node to Left”:
Instead of terms referring to variable names (min X) the new lables use everyday concepts (to Left).&lt;/p&gt;
&lt;p&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/typicalTasks/InsertNodeInkscapeOld_hu_cc3450684cab15ab.avif" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/typicalTasks/InsertNodeInkscapeOld_hu_8f051a87043bb150.webp" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/typicalTasks/InsertNodeInkscapeOld.png"
alt="a screenshot of a toolbar menu in inkscape, showing entries like &amp;ldquo;insert node at min X&amp;rdquo;"
loading="eager"
fetchpriority="high"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="241"
height="191"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h3 id="when-and-why-does-it-work"&gt;When and why does it work?&lt;/h3&gt;
&lt;p&gt;Adjusting labels is often easy, since they are commonly stored
separately from the code and changing the labels usually does not mean
that code needs to be changed. There are two risks when changing labels:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Existing users are familiar with the old label and that the change
will be confusing to them.&lt;/li&gt;
&lt;li&gt;The new label is longer than the available space, which is
particularly relevant in languages like German, which typically have longer words than English.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="resources"&gt;Resources&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.theguardian.com/info/developer-blog/2013/jan/02/interactive-button-text-grammar"&gt;The Grammar of Interactivity&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.nngroup.com/articles/ten-usability-heuristics/"&gt;10 Usability Heuristics&lt;/a&gt;, Match Between the System and the Real World.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="improve-icons"&gt;Improve Icons&lt;/h2&gt;
&lt;h3 id="what-is-this-1"&gt;What is this?&lt;/h3&gt;
&lt;p&gt;Finding concrete and familiar icons for buttons, menus and input fields
that match the style of the currently used icons.&lt;/p&gt;
&lt;h3 id="how-does-it-help-1"&gt;How does it help?&lt;/h3&gt;
&lt;p&gt;Icons should be familiar to the user and signify the functionality they
stand for. It is important that all icons follow a
common style lest they make the interface look messy.&lt;/p&gt;
&lt;h3 id="when-and-why-does-it-work-1"&gt;When and why does it work?&lt;/h3&gt;
&lt;p&gt;Like labels, icons are stored separately from code and can be easily
changed. &lt;em&gt;Risks&lt;/em&gt; of changing icons are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Existing users are familiar with the old icon; the change will be
confusing to them&lt;/li&gt;
&lt;li&gt;Changes are good in theory but introduce unfamiliar elements&lt;/li&gt;
&lt;li&gt;There is no easy to recognize standard icon for what is meant and thus
a label might be better.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="resources-1"&gt;Resources&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://uxmyths.com/post/715009009/myth-icons-enhance-usability"&gt;Myth: Icons enhance usability&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="layout-of-existing-dialogs"&gt;Layout of existing dialogs&lt;/h2&gt;
&lt;h3 id="what-is-this-2"&gt;What is this?&lt;/h3&gt;
&lt;p&gt;Redesigning layout and widget choice for existing dialogs.&lt;/p&gt;
&lt;h3 id="how-does-it-help-2"&gt;How does it help?&lt;/h3&gt;
&lt;p&gt;Choosing widgets that are more familiar and more appropriate to the task
increases usability. A meaningful layout that matches the user&amp;rsquo;s idea
of the system and the user&amp;rsquo;s tasks helps to understand what needs to be
done.&lt;/p&gt;
&lt;h3 id="example-use-semantically-correct-widgets"&gt;Example: Use semantically correct widgets&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://github.com/penpot/penpot/issues/8083"&gt;”Interface standards violation, using checkboxes instead of radio
buttons”&lt;/a&gt; points out that
in a dialog in penpot, checkmarks are used for mutually exclusive options,
which, following interface standards, is what radio buttons or dropdowns should be used for.&lt;/p&gt;
&lt;h3 id="when-and-why-does-it-work-2"&gt;When and why does it work?&lt;/h3&gt;
&lt;p&gt;Improving the layout of existing dialogs is actionable, since the
changes focus on the interface itself and thus do not cause ripple
effects through the code but only change one place. This needs basic
knowledge of the available widgets and how they can be laid out.&lt;/p&gt;
&lt;p&gt;Risks:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Suggestions that can not be realized with the available technology&lt;/li&gt;
&lt;li&gt;Not being familiar with the tasks users do might lead to suggestions
that look visually more clean but do not match the user&amp;rsquo;s needs.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="suggesting-new-features"&gt;Suggesting new features&lt;/h2&gt;
&lt;h3 id="what-is-this-3"&gt;What is this?&lt;/h3&gt;
&lt;p&gt;Suggesting features based on user needs.&lt;/p&gt;
&lt;h3 id="how-does-it-help-3"&gt;How does it help?&lt;/h3&gt;
&lt;p&gt;Suggesting features that are based on actual user needs helps to make
applications more useful.&lt;/p&gt;
&lt;h3 id="example-trash-in-penpot"&gt;Example: Trash in Penpot&lt;/h3&gt;
&lt;p&gt;When one deleted a project in Penpot, one would get a warning, but upon
confirmation the project would be gone. This is easy to habitually
dismiss. A well-established mechanism that does not have the problem is
implementing a trash-can, a temporary container from which deleted files
can be retrieved again if one accidentally deleted them or changed one&amp;rsquo;s
mind about them.&lt;/p&gt;
&lt;p&gt;This feature was suggested by a user in the &lt;a href="https://community.penpot.app/t/feature-request-add-a-trash-can-for-deleted-files/5746"&gt;penpot community forum&lt;/a&gt;,
jan transferred it to a &lt;a href="https://github.com/penpot/penpot/issues/4775"&gt;github issue&lt;/a&gt;.
One user commented &amp;ldquo;I&amp;rsquo;ve never needed this feature until today 😭&amp;rdquo;,
implying that they indeed accidentally deleted projects. The feature
request was picked up at some point, so that penpot now has a trashcan
for deleted files.&lt;/p&gt;
&lt;p&gt;The feature is relatively simple, since it uses an established metaphor
and mechanism and was probably also not complex to implement, as it
relies on similar components as other ways to organize projects.&lt;/p&gt;
&lt;h3 id="when-and-why-does-it-work-3"&gt;When and why does it work?&lt;/h3&gt;
&lt;p&gt;The first question is: Is the feature actually useful?&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A feature from another software that its users like and which you
tried yourself and found to be helpful, too (relatively easy).&lt;/li&gt;
&lt;li&gt;A feature based on observation and documentation of what you and/or
other users do (relatively hard)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The other question is: How hard is this to implement? These are factors
that usually lead to difficulties:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;If the feature needs custom UI elements, it is usually harder to
implement than a feature that can use existing widgets like input
fields, menus or toolbars.&lt;/li&gt;
&lt;li&gt;If the feature relies on complex, hard to define behavior: “If this
happens, it does&amp;hellip; but if that happens&amp;hellip;”. Anything that “guesses”
the wanted behavior is often impossible to get right.&lt;/li&gt;
&lt;li&gt;If the feature needs a technology that is not part of the product at
the moment. This is not easy to find out without knowing at least a
bit about the code, but if developers mention that it would mean to
introduce “command-pattern”, “real-time evaluation”, or “caching”, it
hints that this is possible, but difficult. It might be worth it, but
it needs a dedicated developer.&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/scenarios-for-usability/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>Tools and Code</title><link>https://opensourcedesign.net/resources/tools-and-code/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/tools-and-code/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>What Open Source projects use for work and coordination</description><content:encoded>&lt;p&gt;There are basic tools that most projects use. It is helpful to be
familiar with them, since this is where most coordination and work is
done.
There are tools for designers, some of them open source, too, but these tools vary and, if you are a designer
you are likely to know them already. This article is about the tools that developers use.&lt;/p&gt;
&lt;h2 id="issue-trackers"&gt;Issue trackers&lt;/h2&gt;
&lt;p&gt;An issue tracker allows to register problems with the software and
discussions about how to solve them. Prototypically, this is a technical
problem like the program crashing in a certain condition. However, issue
trackers are often used to collect all sorts of problems with the
software, including usability problems and feature requests.&lt;/p&gt;
&lt;p&gt;It is helpful to first read some existing issues to understand how the
issue tracker is used and what tone of communication is typical. Don&amp;rsquo;t
forget that many (but not all) issue trackers allow the use of images,
which can be helpful for clarification of problems and to make redesign
suggestions.&lt;/p&gt;
&lt;h2 id="code"&gt;Code&lt;/h2&gt;
&lt;p&gt;Just knowing how to program in general is helpful to follow some
conversations of developers. However, to contribute code you need to
know the specific programming language that is use on the project and
often how to use other code (libraries) as well. You also need knowledge
of the code of the project. Code of a non-trivial project can span
hundreds of pages, and is usually not easy to understand. Usually,
people learn how to contribute code by doing some small changes in
particular parts of the code and then slowly expanding.&lt;/p&gt;
&lt;h2 id="git"&gt;Git&lt;/h2&gt;
&lt;p&gt;Open source programs are created in one or several programming
languages. Different programmers can contribute code. Combining code
from several programmers is done via a version management system. The
one used most widely is git.&lt;/p&gt;
&lt;p&gt;Even if you do not code, you might get in contact with git, since git is
often used to manage non-code contributions as well, so icons,
translations or text for documentation might also be added through git
despite it being a tool made to manage source code &amp;ndash; so it more or less
struggles with other kinds of content. A simple change or addition is
usually not too difficult, though even that will get you in contact with
the ideas of &lt;em&gt;commiting&lt;/em&gt; changes and then &lt;em&gt;pushing&lt;/em&gt; them to a central
sever to share them. Git is sadly notoriously difficult to learn, so the
use of a graphical git client or a platform like GitHub, GitLab or
Gitea is helpful for beginners.&lt;/p&gt;
&lt;h2 id="mailing-lists"&gt;Mailing lists&lt;/h2&gt;
&lt;p&gt;Particularly older projects use mailing lists instead of web forums for
their discussions. It is a way to send a mail to one address and have
many people receive it, making to good for group discussions. To read
and to post you need to &amp;ldquo;subscribe&amp;rdquo; to the list. Before you post, read
along for a bit to see if the mailinglist is right for you and to know
what tone is common on it.&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/tools-and-code/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>You first contribution: Maintaining OSD job submissions</title><link>https://opensourcedesign.net/resources/maintaining-job-submissions/</link><guid isPermaLink="true">https://opensourcedesign.net/resources/maintaining-job-submissions/</guid><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><description>Looking to do your first contribution? Follow this guide to get started.</description><content:encoded>&lt;p&gt;Are you a designer looking to help out in the open source design community? A great way to get started is reviewing and approving pull requests submitted to post a job on the job board!&lt;/p&gt;
&lt;h2 id="what-are-job-submissions"&gt;What are job submissions?&lt;/h2&gt;
&lt;p&gt;Job submissions are the form people with open source projects fill out. Filling out the form creates a post on the website to let designers know their project needs assistance.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_8eb25a7ad8419ac1.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_f55ba8fd15986d7f.avif 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_bab6149a79c7dc32.avif 1528w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_e0258e598f3200c3.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_f298085480a029e7.webp 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob_hu_d3af52ac9f6cfd11.webp 1528w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/postajob.png"
alt="screenshot of open source design job submission form"
loading="eager"
fetchpriority="high"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="1528"
height="991"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h2 id="where-do-i-find-the-job-submissions-to-reviewapprove"&gt;Where do I find the job submissions to review/approve?&lt;/h2&gt;
&lt;p&gt;First, go to the &lt;a href="https://github.com/opensourcedesign/opensourcedesign.net/"&gt;open source design website repository&lt;/a&gt; on Github.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_a4889c6be01d36da.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_1a573c740221957e.avif 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_e23540ec45024031.avif 1521w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_b198bcd1ccdd4734.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_89f27710de916b93.webp 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo_hu_33901904e7a3c25b.webp 1521w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/osdrepo.png"
alt="screenshot of open source design repo&amp;quot;"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="1521"
height="958"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;p&gt;Second, click on the &lt;a href="https://github.com/opensourcedesign/opensourcedesign.net/pulls"&gt;pull requests&lt;/a&gt; tab.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/pullrequests_hu_3d90362bcb4bb324.avif" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/pullrequests_hu_72bce0bc291d8962.webp" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/pullrequests.png"
alt="screenshot of pull requests tab on open source design repo"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="393"
height="110"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Pull requests are essentially someone asking, &amp;ldquo;Hey, can you add this to the website/make this change?&amp;rdquo; Our job is to say yes, no, or modify this before yes.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Third, click on any pull request starting with &amp;ldquo;Job submission:&amp;rdquo; if there is none then there are no requests for approval at the moment. All job submissions are markdown files waiting to be approved so they can be added to the jobs section of the website.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_5550b1747a5c2d3f.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_23397a5c55e61b32.avif 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_582700c9480d41a2.avif 1524w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_c4c511477849c584.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_6b56f02c5e4f54a0.webp 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR_hu_690556b53dcbbdc7.webp 1524w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/jobsubmissioninPR.png"
alt="screenshot of pull requests on the open source design repo"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="1524"
height="435"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h3 id="theres-a-submission"&gt;There&amp;rsquo;s a submission!&lt;/h3&gt;
&lt;p&gt;Click on that job submission and navigate to &amp;ldquo;Files changed&amp;rdquo;.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/fileschangedtab_hu_18bebad70114ab1f.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/fileschangedtab_hu_e0f76ca278f2fa1b.avif 695w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/fileschangedtab_hu_161b570d45fb3058.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/fileschangedtab_hu_9aae197db833a81f.webp 695w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/fileschangedtab.png"
alt="screenshot of conversation of pull request highlighting files changed tab"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="695"
height="60"
/&gt;
&lt;/picture&gt;
You&amp;rsquo;ll see something like this.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_85cb925b67c7b034.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_12d390bb9c69e584.avif 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_9b2b637a4ab08bb1.avif 1512w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_e13dbae79978e01e.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_5efea0b378fab02b.webp 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown_hu_44b46f180ac00a6a.webp 1512w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/markdown.png"
alt="screenshot of example markdown file for job submission"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="1512"
height="1064"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h2 id="what-criteria-do-i-need-to-look-out-for-when-reviewing-the-pull-request"&gt;What criteria do I need to look out for when reviewing the pull request?&lt;/h2&gt;
&lt;p&gt;This is where you will need to some investigation and clicking through their links:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Can the organization name be found in their repository/organization URL or does the organization name match their repository/organization URL?&lt;/li&gt;
&lt;li&gt;They are not required to have an email attached but is there some form of contact information like Discord, Telegram, etc?&lt;/li&gt;
&lt;li&gt;Look through their project repository, is there anything malicious that is against what open source design stands for? Examples are gambling, anything discriminatory or offensive, etc. Unsure? Take a look at our &lt;a href="https://opensourcedesign.net/about-us/code-of-conduct/"&gt;code of conduct&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Is their project under the approved &lt;a href="https://opensource.org/licenses"&gt;Open Source Initiative licenses&lt;/a&gt;?&lt;/li&gt;
&lt;li&gt;Does the deliverables and description make sense?&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;All projects must pass these criteria to be approved.
If everything looks good, in the top right there is a &amp;ldquo;Submit comments&amp;rdquo; button.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewbutton_hu_ae0cb93210cd029c.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewbutton_hu_c7809fba75ab3a98.avif 670w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewbutton_hu_1daba3e8edbb3fc8.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewbutton_hu_7d07804531b77c25.webp 670w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewbutton.png"
alt="screenshot of submit comments button"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="670"
height="114"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;p&gt;You can either request changes, approve, or comment without explicit approval. If you approve, leave a comment letting us know it looks good.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewmenu_hu_7b5b1ab3608b49f.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewmenu_hu_f3d9965ee87f7d5c.avif 875w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewmenu_hu_756cbd386fda286c.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewmenu_hu_673cbc23baaeb746.webp 875w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/submitreviewmenu.png"
alt="screenshot of submit comments dropdown and a comment saying looks good to me"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="875"
height="594"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;p&gt;Click submit review and you&amp;rsquo;re done! Congrats on your first approval and contribution to open source design.&lt;/p&gt;
&lt;h2 id="optional"&gt;Optional&lt;/h2&gt;
&lt;h3 id="pull-request-preview"&gt;Pull request preview&lt;/h3&gt;
&lt;p&gt;In the PR, you can preview the job post by the &amp;ldquo;Conversation&amp;rdquo; tab and scrolling down. You will see a link called &amp;ldquo;PR Preview&amp;rdquo; to see it on the actually website.
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_18b4bf10c27f2e05.avif 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_131ca9740021594b.avif 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_98657eb55ce19bb0.avif 968w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_86e1403796cc8a03.webp 480w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_658108f267fa6d9.webp 960w, https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview_hu_a67b277097ffda04.webp 968w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/resources/maintainingjobsubmissions/preview.png"
alt="screenshot of PR preview under conversation tab"
loading="lazy"
decoding="async"
class="mx-auto my-6 block rounded-lg shadow-sm"
width="968"
height="697"
/&gt;
&lt;/picture&gt;
&lt;/p&gt;
&lt;h3 id="improving-description-and-deliverables-of-job-submissions"&gt;Improving description and deliverables of job submissions&lt;/h3&gt;
&lt;p&gt;Many projects struggle to know what they are looking for. If the deliverables or description are unclear and would benefit from more direction, feel free to leave a comment on their pull request.&lt;/p&gt;
&lt;p&gt;Not limited to the below examples but these are good questions to ask yourself to understand if there are gaps for other designers looking at the job submissions:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;How might someone be a good fit for this role?&lt;/li&gt;
&lt;li&gt;Looking at the deliverables, would you be able to get started as a designer?&lt;/li&gt;
&lt;li&gt;What kind of background would you need about the organization to get started on their project?&lt;/li&gt;
&lt;li&gt;What is their organizations mission?&lt;/li&gt;
&lt;li&gt;If it&amp;rsquo;s help with their user experience, what are they expecting of users to do on their website, app, etc? What is the expected journey users will take?&lt;/li&gt;
&lt;li&gt;If it&amp;rsquo;s a logo, icon, or branding, what visual style are they looking for?&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/resources/maintaining-job-submissions/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Resources</category></item><item><title>UX Improvement Pass + Style Guide for Colorado Mesh's Mesh Client used around the world</title><link>https://opensourcedesign.net/jobs/ux-improvement-pass-style-guide-for-colorado-meshs-mesh-client-used-around-the-world/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ux-improvement-pass-style-guide-for-colorado-meshs-mesh-client-used-around-the-world/</guid><pubDate>Fri, 25 Sep 2026 12:57:52 +0000</pubDate><dc:creator>Colorado Mesh's Mesh Client UX Review</dc:creator><description>Howdy OSD Team! Our pet project is now used around the world, in some cases to help bypass censorship and others to help out in emergencies and disasters. It has never had a UX pass by anyone who knows what they are doing. It needs one. We’ve tried to prototype some improvements, but our experiments have all ended in failure. This is because we are lacking a style guide. We do have a codified style, flow, and accessibility features that work for our users. We want to have something more like a standard, and then we can perform a full UI audit against that standard.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Colorado Mesh&amp;#39;s Mesh Client UX Review&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; filled&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX Review&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Howdy OSD Team! Our pet project is now used around the world, in some cases to help bypass censorship and others to help out in emergencies and disasters. It has never had a UX pass by anyone who knows what they are doing. It needs one. We&amp;rsquo;ve tried to prototype some improvements, but our experiments have all ended in failure. This is because we are lacking a style guide. We do have a codified style, flow, and accessibility features that work for our users. We want to have something more like a standard, and then we can perform a full UI audit against that standard.&lt;/p&gt;
&lt;p&gt;Our GPL-3 app is a desktop-only Electron app (with a Rust sidecar) that works on macOS, Linux, and Windows. It allows for the use of Meshtastic, MeshCore, and Reticulum simultaneously and also has built-in support for emergency management and use cases (e.g., Mesh Emergency Communications Protocol as well as TAK server support).&lt;/p&gt;
&lt;p&gt;The app uses a dark, dense desktop “engineering dashboard” UX: near-black and slate surfaces, green brand accents, protocol-specific color coding, compact monospace technical text, bordered rounded panels, status indicators, tabs, sidebars, modals, and toasts, with restrained hover/pulse animations. It is built with Electron, React 19, TypeScript, Vite, Tailwind CSS v4, and Zustand, enhanced by Motion, Lucide icons, TanStack Virtual, Recharts, Leaflet, xterm, i18next, and emoji-picker-element, with Vitest, Testing Library, and axe supporting its accessibility-focused testing.&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;d like to have someone take a pass at improving the UX and generating a style guide. Once we confirm that the proposed style (via mock-ups) will work on our end, we&amp;rsquo;d like the designer to generate the full style guide, and we&amp;rsquo;ll implement. Soliciting user requirements and technical limitations from the developers will be crucial for success.&lt;/p&gt;
&lt;p&gt;AI assistance is authorized.&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;re happy to have one person or a self-assembling team that operates independently.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Join the #mesh-client channel on Discord: https://discord.com/invite/NX77SYan3P, then ping &amp;#34;NV0N - Joey&amp;#34;.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ux-improvement-pass-style-guide-for-colorado-meshs-mesh-client-used-around-the-world/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ux</category><category>desktop</category><category>electron</category><category>Jobs</category></item><item><title>Looking for designers for OpenStrap, an open-source fitness app</title><link>https://opensourcedesign.net/jobs/looking-for-designers-for-openstrap-an-open-source-fitness-app/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/looking-for-designers-for-openstrap-an-open-source-fitness-app/</guid><pubDate>Tue, 22 Sep 2026 18:26:28 +0000</pubDate><dc:creator>OpenStrap Edge</dc:creator><description>I am the maintainer of OpenStrap. Looking for designers who can help design this app, not actually help complete design system setup. I don’t want you to design the entire application, all I want is a proper design system with icons, fonts, layouts, UI direction, and major screens like workout, home, vitals and all those screens, base properly built. Once that’s done I can pick it up from there.
What do you get in return? I can’t provide money for this, but I am open to asking the community for donations for this. While its success is uncertain, what I can guarantee is a proper shoutout on our Discord channel which has 200+ members, Reddit community, and proper mention and credits in the GitHub README. If you own an agency, would actually love to do a crossover post lol.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; OpenStrap Edge&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UI/UX Design, Design System&lt;/p&gt;&lt;/div&gt;&lt;p&gt;I am the maintainer of OpenStrap. Looking for designers who can help design this app, not actually help complete design system setup. I don&amp;rsquo;t want you to design the entire application, all I want is a proper design system with icons, fonts, layouts, UI direction, and major screens like workout, home, vitals and all those screens, base properly built. Once that&amp;rsquo;s done I can pick it up from there.&lt;/p&gt;
&lt;p&gt;What do you get in return? I can&amp;rsquo;t provide money for this, but I am open to asking the community for donations for this. While its success is uncertain, what I can guarantee is a proper shoutout on our Discord channel which has 200+ members, Reddit community, and proper mention and credits in the GitHub README. If you own an agency, would actually love to do a crossover post lol.&lt;/p&gt;
&lt;p&gt;Being strict on what the requirements are, I don&amp;rsquo;t want straightforward UI, the design you come up with should be very well thought through and backed by proper research.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s what the app is, shortly: a passionate fitness app with the motto to solve health, wellness, nutrition, workouts, all in a single app, with wearables being the major revolving point of the app. Currently supports WHOOP 4, 5, MG, generic health straps; support for Oura rings, Polar bands and a few other devices is in the pipeline.&lt;/p&gt;
&lt;p&gt;Making this clear current ui was made heavily made using AI. Thanks.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;abdulsaheel81@gmail.com&lt;/li&gt;&lt;li&gt;https://discord.gg/dUXds5MWkd&lt;/li&gt;&lt;li&gt;https://github.com/OpenStrap/edge/discussions&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/looking-for-designers-for-openstrap-an-open-source-fitness-app/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ui</category><category>ux</category><category>design-system</category><category>mobile</category><category>flutter</category><category>fitness</category><category>opensource</category><category>Jobs</category></item><item><title>Senior UX/UI Designer, OpenProject</title><link>https://opensourcedesign.net/jobs/senior-ux-ui-designer-openproject/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/senior-ux-ui-designer-openproject/</guid><pubDate>Wed, 02 Sep 2026 13:15:42 +0000</pubDate><dc:creator>OpenProject</dc:creator><description>[CLOSED, URL INACTIVE]
At OpenProject, we build open-source project management and collaboration software used by organizations around the world. We believe good software does not begin with mockups or code, but with an understanding of people’s needs. Our users rely on our product to collaborate in agile product teams delivering software, plan infrastructure projects, organize research programs, and coordinate complex work across multiple teams and projects within enterprises. Our users build rockets, cars, or software using OpenProject and we are proud to empower teams worldwide to achieve great things together.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; OpenProject&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX/UI design, in-house&lt;/p&gt;&lt;/div&gt;&lt;p&gt;[CLOSED, URL INACTIVE]&lt;/p&gt;
&lt;p&gt;At OpenProject, we build open-source project management and collaboration software used by organizations around the world. We believe good software does not begin with mockups or code, but with an understanding of people’s needs. Our users rely on our product to collaborate in agile product teams delivering software, plan infrastructure projects, organize research programs, and coordinate complex work across multiple teams and projects within enterprises. Our users build rockets, cars, or software using OpenProject and we are proud to empower teams worldwide to achieve great things together.&lt;/p&gt;
&lt;p&gt;We are looking for a Senior UI/UX Designer to join our user-centric design team and help shape the future of OpenProject.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://openproject-gmbh.jobs.personio.com/job/2567965?language=en"&gt;Continue reading/applying on Personio&lt;/a&gt;&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Apply through the Personio link! https://openproject-gmbh.jobs.personio.com/job/2567965?language=en&lt;/li&gt;&lt;li&gt;For questions:&lt;/li&gt;&lt;li&gt;LinkedIn: https://www.linkedin.com/in/juliaro-draw/&lt;/li&gt;&lt;li&gt;Mastodon: https://mastodon.art/@juliaro&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/senior-ux-ui-designer-openproject/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Jobs</category></item><item><title>Tor UX Lead</title><link>https://opensourcedesign.net/jobs/tor-ux-lead/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/tor-ux-lead/</guid><pubDate>Tue, 25 Aug 2026 04:43:56 +0000</pubDate><dc:creator>The Tor Project</dc:creator><description>We are seeking a UX Lead to manage and grow our design team while shaping the user experience of our products, such as Tor Browser, Mullvad Browser, Tor VPN and Tails OS. This role is responsible for leading a team of designers, ensuring user experiences are intuitive, accessible, and aligned with both user needs and organizational priorities while helping build a strong, collaborative, and high-performing design culture.
Overview of the role TPI is a nonprofit where we are building technology for privacy. This role will lead product design, working across teams including engineering, product, communications, and leadership to help create thoughtful, human-centered digital experiences. The UX Lead will manage and develop a team of researchers and designers, ensuring the user perspective is embedded throughout the product development process, from early discovery and research through delivery and iteration.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; The Tor Project&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX Lead&lt;/p&gt;&lt;/div&gt;&lt;p&gt;We are seeking a UX Lead to manage and grow our design team while shaping the user experience of our products, such as Tor Browser, Mullvad Browser, Tor VPN and Tails OS. This role is responsible for leading a team of designers, ensuring user experiences are intuitive, accessible, and aligned with both user needs and organizational priorities while helping build a strong, collaborative, and high-performing design culture.&lt;/p&gt;
&lt;h2 id="overview-of-the-role"&gt;Overview of the role&lt;/h2&gt;
&lt;p&gt;TPI is a nonprofit where we are building technology for privacy. This role will lead product design, working across teams including engineering, product, communications, and leadership to help create thoughtful, human-centered digital experiences. The UX Lead will manage and develop a team of researchers and designers, ensuring the user perspective is embedded throughout the product development process, from early discovery and research through delivery and iteration.&lt;/p&gt;
&lt;p&gt;This role combines people management with strategic leadership of UX, and hands-on design work. The UX Lead will set team priorities and workload, support the growth of individual designers, establish clear UX standards, improve consistency across products, strengthen collaboration between technical and non-technical teams, and advocate for accessible, inclusive, and privacy-conscious design practices. Success in this role requires strong leadership and people management skills alongside systems thinking, user empathy, collaboration skills, and the ability to translate complex technical concepts into clear and effective experiences.&lt;/p&gt;
&lt;h2 id="what-youll-do"&gt;What you&amp;rsquo;ll do&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Manage a team of designers, and lead end-to-end UX strategy and execution across web and software products&lt;/li&gt;
&lt;li&gt;Set team goals, prioritize work across products and allocate design resources&lt;/li&gt;
&lt;li&gt;Provide regular 1:1s, mentorship, feedback and coaching to support the team’s growth&lt;/li&gt;
&lt;li&gt;Build and sustain a healthy team culture, grounded in openness, collaboration and learning&lt;/li&gt;
&lt;li&gt;Partner closely with Product, Engineering, and Communications teams to shape product direction early&lt;/li&gt;
&lt;li&gt;Support the team as-needed, including with quantitative and qualitative research, journey mapping, wireframing, prototyping and high fidelity design.&lt;/li&gt;
&lt;li&gt;Champion accessibility, inclusive design, and privacy-conscious product experiences&lt;/li&gt;
&lt;li&gt;Establish and evolve design systems, UX standards, and documentation practices&lt;/li&gt;
&lt;li&gt;Mentor and support designers through feedback, coaching, and collaborative critique&lt;/li&gt;
&lt;li&gt;Advocate for user needs while balancing technical constraints, business priorities, and organizational goals&lt;/li&gt;
&lt;li&gt;Use qualitative and quantitative insights to inform design decisions and measure impact&lt;/li&gt;
&lt;li&gt;Help cultivate a healthy design culture grounded in openness, collaboration, and continuous learning&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="what-were-looking-for"&gt;What We’re Looking For&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Experience managing or formally leading a team of designers, including direct people management responsibilities&lt;/li&gt;
&lt;li&gt;7+ years of experience in UX, product design, interaction design, or related fields&lt;/li&gt;
&lt;li&gt;Experience leading UX initiatives across complex digital products or platforms&lt;/li&gt;
&lt;li&gt;Must have experience contributing to or maintaining design systems is highly valued&lt;/li&gt;
&lt;li&gt;Familiarity with frontend technologies and constraints e.g. Android/Material Design 3 (must have), Firefox (nice to have), and static websites that function without JavaScript&lt;/li&gt;
&lt;li&gt;Strong portfolio of skills demonstrating systems thinking, interaction design, and user-centered problem solving&lt;/li&gt;
&lt;li&gt;Deep understanding of usability principles, accessibility standards, and responsive design&lt;/li&gt;
&lt;li&gt;Experience conducting or partnering closely on user research&lt;/li&gt;
&lt;li&gt;Comfort working in cross-functional, distributed teams, including leading team members remotely&lt;/li&gt;
&lt;li&gt;Strong communication, facilitation and leadership skills with the ability to align diverse stakeholders and support a team through ambiguity and change&lt;/li&gt;
&lt;li&gt;Proficiency with modern design and prototyping tools specifically Figma&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="nice-to-have"&gt;Nice to Have&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Experience working on open-source products or developer-focused platforms&lt;/li&gt;
&lt;li&gt;Background in privacy, security, accessibility, civic tech, or public-interest technology&lt;/li&gt;
&lt;li&gt;Experience designing for global audiences and multilingual products&lt;/li&gt;
&lt;li&gt;Familiarity with participatory design or community-driven product development&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="compensation"&gt;Compensation&lt;/h2&gt;
&lt;p&gt;This is a full-time, remote position with flexible geographic location. The salary range for this position is $110,000 - $121,275 USD. If provided an offer, TPI will determine the specific compensation package based on skills and years of experience. TPI provides an attractive benefits package that currently includes flexible Fridays, unlimited responsible personal time off (RPTO), generous leave options, healthcare (type is dependent on geographic location), and a monthly phone and internet stipend, and a tech stipend.&lt;/p&gt;
&lt;p&gt;TPI has a strong culture of transparency and democratic processes, and long-standing community guidelines and cultural norms. At TPI, we are invested in discussing the depth and breadth of each candidate’s background and experience during the interview process and using that information to determine the best offer while considering internal pay equity.&lt;/p&gt;
&lt;p&gt;TPI is an equal opportunity employer and does not discriminate against any applicant or employee because of race, color, religion, sex, national origin, disability, genetic information, age, or military or veteran status in accordance with federal law. Applicants must be &lt;strong&gt;authorized&lt;/strong&gt; to work in the country in which they live, we cannot provide visa assistance for this position. Due to U.S. sanctions and embargo regulations, TPI is not able to hire individuals with citizenship and residency in certain countries, including but not limited to Russia, North Korea, Cuba, Iraq, China, Iran, and Syria.&lt;/p&gt;
&lt;h2 id="how-to-apply"&gt;How to apply&lt;/h2&gt;
&lt;p&gt;To apply please use this &lt;a href="https://www.idealist.org/en/nonprofit-job/053d1db464054f22bff1f2033fd0f5ae-ux-team-lead-the-tor-project-winchester"&gt;link&lt;/a&gt; which will take you to a brief application. You will be asked to answer a few initial questions and upload your CV or resume, and your portfolio. We do not ask for references or cover letters at this time. Please do not include them. Additionally, please do not use AI for the creation of your application or at any point in the process. Applications will be considered on a rolling basis and we reserve the right to close this process early due to high applicant volume.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Deadline:&lt;/strong&gt; September 4, 2026 by 21:00 UTC&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;https://www.torproject.org/about/jobs/ux-lead/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/tor-ux-lead/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Jobs</category></item><item><title>Logo and basic branding for FLOxford, Oxford's local free, libre, and open-source software group</title><link>https://opensourcedesign.net/jobs/logo-and-basic-branding-for-floxford-oxfords-local-free-libre-and-open-source-software-group/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/logo-and-basic-branding-for-floxford-oxfords-local-free-libre-and-open-source-software-group/</guid><pubDate>Sat, 15 Aug 2026 15:58:23 +0000</pubDate><dc:creator>FLOxford</dc:creator><description>About us We’re FLOxford, a volunteer group holding talks and workshops about Free/Libre and Open-Source Software (FLOSS) in the city of Oxford, United Kingdom. These talks and workshops cover a range of technical and non-technical topics around FLOSS, from ethics to contributing in various ways, and we’ve also had several about the intersection of FLOSS and academia or research, because some of our members are University researchers or students. (Please note, however, that we are neither affiliated to a University nor exclusively focused on academia.) These events are usually open to all, recorded and streamed online where possible. Our group also has a social aspect, and will probably adopt other aspects in the future, for example visiting external FLOSS conferences as a group.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; FLOxford&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; filled&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo Design, Branding&lt;/p&gt;&lt;/div&gt;&lt;h2 id="about-us"&gt;About us&lt;/h2&gt;
&lt;p&gt;We&amp;rsquo;re &lt;a href="https://floxford.org/"&gt;FLOxford&lt;/a&gt;, a volunteer group holding talks and workshops about Free/Libre and Open-Source Software (FLOSS) in the city of Oxford, United Kingdom. These talks and workshops cover a range of technical and non-technical topics around FLOSS, from ethics to contributing in various ways, and we&amp;rsquo;ve also had several about the intersection of FLOSS and academia or research, because some of our members are University researchers or students. (Please note, however, that we are neither affiliated to a University nor exclusively focused on academia.) These events are usually open to all, recorded and streamed online where possible. Our group also has a social aspect, and will probably adopt other aspects in the future, for example visiting external FLOSS conferences as a group.&lt;/p&gt;
&lt;h2 id="what-we-need"&gt;What we need&lt;/h2&gt;
&lt;p&gt;We have operated in the past, but without a name or brand identity. We plan to start our next season of events in October 2026, and introduce our brand alongside it. We already have the name FLOxford, but need a logo and branding for it; see the deliverables or email Oliver Geer on &lt;a href="mailto:o@ogeer.org"&gt;o@ogeer.org&lt;/a&gt; for more details.&lt;/p&gt;
&lt;p&gt;Possible inspiration includes: our past &lt;a href="https://events.floxford.org/tag/talk"&gt;talks&lt;/a&gt; and &lt;a href="https://events.floxford.org/tag/workshops"&gt;workshops&lt;/a&gt;, the &lt;a href="https://en.wikipedia.org/wiki/Oxford"&gt;Oxford Wikipedia article&lt;/a&gt;, and &lt;a href="https://archive.floxford.org/"&gt;past event recordings&lt;/a&gt;. The design should be welcoming to both non-technical and technical people, not suggest any organisational affiliation (we are independent, at least right now), and link clearly to FLOSS and our local nature while not narrowing our possible activities.&lt;/p&gt;
&lt;h2 id="licensing-of-your-contributions"&gt;Licensing of your contributions&lt;/h2&gt;
&lt;p&gt;We will assume your logo is &lt;a href="https://creativecommons.org/publicdomain/zero/1.0/deed.en"&gt;Creative Commons Zero&lt;/a&gt; dedicated to the public domain, because attributing the logo every time it&amp;rsquo;s used isn&amp;rsquo;t feasible, and a brand requires a unique level of control by its represented organisation. I guess FLOxford will have unregistered trademark rights over it. That said, at our discretion and at least subject to &lt;a href="https://floxford.org/coc"&gt;our code of conduct&lt;/a&gt;, we can attribute you &lt;a href="https://floxford.org/acknowledgements/"&gt;here on our website&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Your style guide document (and, if provided, the poster template), on the other hand, not extending to all designs we make using the style guide, can be licensed under any of the free culture licenses &lt;a href="https://creativecommons.org/publicdomain/zero/1.0/deed.en"&gt;CC0&lt;/a&gt;, &lt;a href="https://creativecommons.org/licenses/by/4.0/"&gt;CC-BY-4.0&lt;/a&gt;, or &lt;a href="https://creativecommons.org/licenses/by-sa/4.0/"&gt;CC-BY-SA-4.0&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="payment"&gt;Payment&lt;/h2&gt;
&lt;p&gt;We currently have no organisational funding except for our organisers&amp;rsquo; pockets. I&amp;rsquo;d love to #PayForFreeSoftware and support Open Source Design, but if you&amp;rsquo;re unwilling to get paid less than or around £150, applying is probably a waste of time.&lt;/p&gt;
&lt;p&gt;Email me (&lt;a href="mailto:o@ogeer.org"&gt;o@ogeer.org&lt;/a&gt;) with your ideas (as a few sentences; no visual design is needed in the first email since I might reject/suggest changes to your ideas) and the cost you are willing to work for before commencing work. I can pay via a bank transfer to the Single Euro Payments Area (which includes the European Union, Switzerland, and the United Kingdom), or by a PayPal transfer to anywhere.&lt;/p&gt;
&lt;p&gt;I won&amp;rsquo;t pay for AI-generated logos; it feels unjust to pay someone for something that isn&amp;rsquo;t their work.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;o@ogeer.org&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/logo-and-basic-branding-for-floxford-oxfords-local-free-libre-and-open-source-software-group/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>svg</category><category>Jobs</category></item><item><title>Logo design for Apexdeck</title><link>https://opensourcedesign.net/jobs/logo-design-for-apexdeck/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/logo-design-for-apexdeck/</guid><pubDate>Thu, 13 Aug 2026 12:04:49 +0000</pubDate><dc:creator>Apexdeck</dc:creator><description>I like to make logo for my project I want classic open source and add keyboard with so e pencils and brushes</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Apexdeck&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;I like to make logo for my project I want classic open source and add keyboard with so e pencils and brushes&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;https://github.com/adithyadewneth2-rgb/ApexDeck/issues&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/logo-design-for-apexdeck/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Jobs</category></item><item><title>Product Landing page UI design for chadbox</title><link>https://opensourcedesign.net/jobs/product-landing-page-ui-design-for-chadbox/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/product-landing-page-ui-design-for-chadbox/</guid><pubDate>Sun, 09 Aug 2026 06:13:38 +0000</pubDate><dc:creator>Chadbox</dc:creator><description>Chadbox is open source lightweight, fast and secure code execution engine. Let’s you run untrusted code execution in secure sandbox environment. And our chadbox cloud API service, free community API for indie developers, students, and startups.
We are looking for a single product landing page for chadbox engine + our community cloud API service.
Target audience is tech, dev. Full creative freedom on theme design, branding, logo.
We will give you credit and special mention on main pages and repo.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Chadbox&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UI design and web design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Chadbox is open source lightweight, fast and secure code execution engine. Let&amp;rsquo;s you run untrusted code execution in secure sandbox environment. And our chadbox cloud API service, free community API for indie developers, students, and startups.&lt;/p&gt;
&lt;p&gt;We are looking for a single product landing page for chadbox engine + our community cloud API service.&lt;/p&gt;
&lt;p&gt;Target audience is tech, dev. Full creative freedom on theme design, branding, logo.&lt;/p&gt;
&lt;p&gt;We will give you credit and special mention on main pages and repo.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;pranavbagalofficial@gmail.com&lt;/li&gt;&lt;li&gt;https://github.com/cryptomafiaPB/chadbox/issues/16&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/product-landing-page-ui-design-for-chadbox/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ux</category><category>figma</category><category>web dev</category><category>design</category><category>logo</category><category>Jobs</category></item><item><title>Front-end developer (UI) for Corro — an accessibility-first board &amp; card game platform</title><link>https://opensourcedesign.net/jobs/front-end-developer-ui-for-corro-an-accessibility-first-board-card-game-platform/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/front-end-developer-ui-for-corro-an-accessibility-first-board-card-game-platform/</guid><pubDate>Sat, 01 Aug 2026 16:22:10 +0000</pubDate><dc:creator>Corro</dc:creator><description>Corro is an accessibility-first engine for online board and card games — built so that everyone plays the same game together, whatever their abilities. The name evokes a circle of people holding hands as equals, with no head of the table. Accessibility is the foundation of the codebase, not an afterthought. You can try it live at https://allwelcome.games.
I’m the founder, and I’m blind. The engine already treats accessibility as a first-class concern — ARIA live regions for game announcements, full keyboard navigation and focus management, native dialog modals with focus trapping, semantic HTML and server-authoritative announcements. What the front-end needs now is polish: a UI that is as visually refined and pleasant as it is accessible.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Corro&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Front-end development, UI implementation&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Corro is an accessibility-first engine for online board and card games — built so that everyone plays the &lt;em&gt;same&lt;/em&gt; game together, whatever their abilities. The name evokes a circle of people holding hands as equals, with no head of the table. Accessibility is the foundation of the codebase, not an afterthought. You can try it live at &lt;a href="https://allwelcome.games"&gt;https://allwelcome.games&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m the founder, and I&amp;rsquo;m blind. The engine already treats accessibility as a first-class concern — ARIA live regions for game announcements, full keyboard navigation and focus management, native dialog modals with focus trapping, semantic HTML and server-authoritative announcements. What the front-end needs now is polish: a UI that is as visually refined and pleasant as it is accessible.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What we&amp;rsquo;re looking for&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;A front-end developer to improve and beautify Corro&amp;rsquo;s interface — refining layout, responsiveness and visual detail across the lobby and in-game screens — without breaking the accessibility that is the whole point of the project. You&amp;rsquo;d work closely with our illustrator/designer to bring the visual layer to life in the browser.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Tech stack&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Vanilla TypeScript (no bundler), vanilla CSS&lt;/li&gt;
&lt;li&gt;i18next for localization (English &amp;amp; Spanish today)&lt;/li&gt;
&lt;li&gt;Backend is .NET 10 / ASP.NET Core / SignalR — but this role is front-end focused&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;What you&amp;rsquo;d help with&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Refining and beautifying the lobby and in-game UI (CSS, layout, responsive/mobile)&lt;/li&gt;
&lt;li&gt;Integrating new artwork and icons into the interface&lt;/li&gt;
&lt;li&gt;Keeping everything keyboard-navigable and screen-reader friendly as the UI evolves&lt;/li&gt;
&lt;li&gt;Small, well-scoped improvements to focus management, live regions and semantic markup&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;A good fit if you&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Are comfortable with modern vanilla TypeScript and CSS (no framework required)&lt;/li&gt;
&lt;li&gt;Take accessibility seriously — or want to get genuinely good at it&lt;/li&gt;
&lt;li&gt;Enjoy careful, detail-oriented UI work&lt;/li&gt;
&lt;li&gt;Are happy contributing to an AGPL-3.0 open-source project&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This is a volunteer role. If you want your front-end skills to help build a more inclusive place to play, get in touch.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;juanjo@jmontiel.es&lt;/li&gt;&lt;li&gt;https://github.com/kastwey/corro&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/front-end-developer-ui-for-corro-an-accessibility-first-board-card-game-platform/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>accessibility</category><category>a11y</category><category>typescript</category><category>css</category><category>frontend</category><category>open source</category><category>Jobs</category></item><item><title>Illustrator &amp; graphic designer for Corro — an accessibility-first board &amp; card game platform</title><link>https://opensourcedesign.net/jobs/illustrator-graphic-designer-for-corro-an-accessibility-first-board-card-game-platform/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/illustrator-graphic-designer-for-corro-an-accessibility-first-board-card-game-platform/</guid><pubDate>Sat, 01 Aug 2026 16:18:46 +0000</pubDate><dc:creator>Corro</dc:creator><description>Corro is an accessibility-first engine for online board and card games — designed so that everyone plays the same game together, whatever their abilities. The name comes from the image of a circle of people holding hands as equals, with no head of the table. Accessibility isn’t a feature we bolt on; it’s the foundation of the architecture. You can try the live platform at https://allwelcome.games.
I’m the founder, and I’m blind. I’ve built the engine so that a blind player and a sighted player can share the exact same match — same board, same cards, same turns. What I can’t do myself is make that shared world beautiful to look at. That’s where you come in.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Corro&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Illustration, game art, graphic design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Corro is an accessibility-first engine for online board and card games — designed so that everyone plays the &lt;em&gt;same&lt;/em&gt; game together, whatever their abilities. The name comes from the image of a circle of people holding hands as equals, with no head of the table. Accessibility isn&amp;rsquo;t a feature we bolt on; it&amp;rsquo;s the foundation of the architecture. You can try the live platform at &lt;a href="https://allwelcome.games"&gt;https://allwelcome.games&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m the founder, and I&amp;rsquo;m blind. I&amp;rsquo;ve built the engine so that a blind player and a sighted player can share the exact same match — same board, same cards, same turns. What I can&amp;rsquo;t do myself is make that shared world beautiful to look at. That&amp;rsquo;s where you come in.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What we&amp;rsquo;re looking for&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;An illustrator / graphic designer to give Corro&amp;rsquo;s games a warm, cohesive visual identity: illustrating cards, tiles, boards, pieces and other in-game elements, and helping shape a consistent art style across the platform. Your work would be the visual layer of a game that blind and sighted people can finally enjoy side by side.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What you&amp;rsquo;d help with&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Illustrations for cards, tiles, boards, tokens and game pieces&lt;/li&gt;
&lt;li&gt;A coherent visual style and small art guidelines others can follow&lt;/li&gt;
&lt;li&gt;Icons and visual elements for the game interface&lt;/li&gt;
&lt;li&gt;Delivering artwork in open, reusable formats (SVG preferred where possible) so it can ship inside Corro&amp;rsquo;s &lt;code&gt;.corro&lt;/code&gt; game packages&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;A good fit if you&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Love game art and illustration and want your work to have real social impact&lt;/li&gt;
&lt;li&gt;Care about (or are curious about) inclusive and accessible design&lt;/li&gt;
&lt;li&gt;Are happy collaborating in the open on an AGPL-3.0 project&lt;/li&gt;
&lt;li&gt;Bonus: any experience with high-contrast, colour-blind-friendly or otherwise accessible visual design&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This is a volunteer role on an open-source project. If sharing play — rather than gatekeeping it — is something you believe in, I&amp;rsquo;d love to build this with you.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;juanjo@jmontiel.es&lt;/li&gt;&lt;li&gt;https://github.com/kastwey/corro&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/illustrator-graphic-designer-for-corro-an-accessibility-first-board-card-game-platform/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>accessibility</category><category>a11y</category><category>game art</category><category>illustration</category><category>inclusive design</category><category>open source</category><category>Jobs</category></item><item><title>UX support/input working with disabled people to help design the next version of the fastest text entry system</title><link>https://opensourcedesign.net/jobs/ux-support-input-fastest-text-entry-system/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ux-support-input-fastest-text-entry-system/</guid><pubDate>Wed, 17 Jun 2026 16:38:59 +0000</pubDate><dc:creator>Dasher</dc:creator><description>A google employee did some UX research with us - and worked on this - https://github.com/dasher-project/dasher-design-guide/tree/main/ux-background its great but we have a lot of questions eg settings panels - and how these work. Bear in mind we are building on iOS, Windows, Linux and even on things like Apple Vision. We have a LOT of settings. Some work has been done to whittle this down. Before we get users testing new builds we want someone to lead our UX work with us to collect data and follow up with clients who are all around the world and help iterate the development. Its fun!</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Dasher&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX research, wireframes&lt;/p&gt;&lt;/div&gt;&lt;p&gt;A google employee did some UX research with us - and worked on this - &lt;a href="https://github.com/dasher-project/dasher-design-guide/tree/main/ux-background"&gt;https://github.com/dasher-project/dasher-design-guide/tree/main/ux-background&lt;/a&gt; its great but we have a lot of questions eg settings panels - and how these work. Bear in mind we are building on iOS, Windows, Linux and even on things like Apple Vision. We have a LOT of settings. Some work has been done to whittle this down. Before we get users testing new builds we want someone to lead our UX work with us to collect data and follow up with clients who are all around the world and help iterate the development. Its fun!&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Will Wade &amp;lt;willwade@gmail.com&amp;gt;&lt;/li&gt;&lt;li&gt;Current design guide which needs iteration = https://github.com/dasher-project/dasher-design-guide&lt;/li&gt;&lt;li&gt;Governance: https://github.com/dasher-project/governance&lt;/li&gt;&lt;li&gt;Dasher in use - https://www.youtube.com/watch?v=SvsSrClBwPM&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ux-support-input-fastest-text-entry-system/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>accessibility</category><category>text-input</category><category>Jobs</category></item><item><title>UI/UX Redesign for Therapy Worker Cooperative webpage</title><link>https://opensourcedesign.net/jobs/ui-ux-redesign-for-therapy-worker-cooperative-webpage/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ui-ux-redesign-for-therapy-worker-cooperative-webpage/</guid><pubDate>Sat, 06 Jun 2026 00:45:55 +0000</pubDate><dc:creator>Common Ground Therapy Worker Cooperative</dc:creator><description>A not-for-profit social enterprise for local communities in south-east London, UK - owned and run by the therapists who work here.
Our website needs significant changes and some build fixing before we can properly launch and promote it.
This requires skills using PagesCMS, Github Repository, Cloudflare; with the following stack:
Static site generator -&gt; Jekyll 4.4
Templating -&gt; Liquid
Styling -&gt; Vanilla CSS with custom properties
JavaScript -&gt; Vanilla ES6 (accordion, nav, fade-in, forms)</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Common Ground Therapy Worker Cooperative&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; filled&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UI/UX Redesign&lt;/p&gt;&lt;/div&gt;&lt;p&gt;A not-for-profit social enterprise for local communities in south-east London, UK - owned and run by the therapists who work here.&lt;/p&gt;
&lt;p&gt;Our website needs significant changes and some build fixing before we can properly launch and promote it.&lt;/p&gt;
&lt;p&gt;This requires skills using PagesCMS, Github Repository, Cloudflare; with the following stack:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Static site generator&lt;/strong&gt; -&amp;gt; Jekyll 4.4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Templating&lt;/strong&gt; -&amp;gt; Liquid&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Styling&lt;/strong&gt; -&amp;gt; Vanilla CSS with custom properties&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;JavaScript&lt;/strong&gt; -&amp;gt; Vanilla ES6 (accordion, nav, fade-in, forms)&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;CMS&lt;/strong&gt; -&amp;gt; Pages CMS&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Forms&lt;/strong&gt; -&amp;gt; Formspree&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Analytics&lt;/strong&gt; -&amp;gt; Plausible (privacy-friendly)&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Hosting&lt;/strong&gt; -&amp;gt; Cloudflare Pages&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Build tool&lt;/strong&gt; -&amp;gt; Wrangler&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;commonground@therapy.coop&lt;/li&gt;&lt;li&gt;https://www.therapy.coop/&lt;/li&gt;&lt;li&gt;https://www.loomio.com/commongroundtherapy/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ui-ux-redesign-for-therapy-worker-cooperative-webpage/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ui</category><category>ux</category><category>redesign</category><category>web design</category><category>enhance</category><category>upgrade</category><category>cooperative</category><category>healthcare</category><category>Jobs</category></item><item><title>Gnome HIG compliant icon (SVG) for PDF utility app Quire</title><link>https://opensourcedesign.net/jobs/gnome-hig-compliant-icon-svg-for-pdf-utility-app-quire/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/gnome-hig-compliant-icon-svg-for-pdf-utility-app-quire/</guid><pubDate>Fri, 05 Jun 2026 17:25:55 +0000</pubDate><dc:creator>Quire</dc:creator><description>Quire is a libadwaita PDF utility app to merge, organize, split and edit PDF metadata.
Currently it’s icon is very simple and generic, an icon that follows the Gnome HIG guidelines would be really appreciated, but we lack the design talent and capabilities to create it.
If they wish to, the logo designer can be added to the app’s credits.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Quire&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; filled&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Quire is a libadwaita PDF utility app to merge, organize, split and edit PDF metadata.&lt;/p&gt;
&lt;p&gt;Currently it&amp;rsquo;s icon is very simple and generic, an icon that follows the Gnome HIG guidelines would be really appreciated, but we lack the design talent and capabilities to create it.&lt;/p&gt;
&lt;p&gt;If they wish to, the logo designer can be added to the app&amp;rsquo;s credits.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Francisco V. &amp;lt;fvasquez.public@fvtronics.com&amp;gt;&lt;/li&gt;&lt;li&gt;https://developer.gnome.org/hig/guidelines/app-icons.html&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/gnome-hig-compliant-icon-svg-for-pdf-utility-app-quire/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>design system</category><category>Jobs</category></item><item><title>UX Designer</title><link>https://opensourcedesign.net/jobs/ux-designer-equalitie/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ux-designer-equalitie/</guid><pubDate>Wed, 03 Jun 2026 08:16:54 +0000</pubDate><dc:creator>eQualitie</dc:creator><description>eQualitie is looking for an experienced UX Designer to join our team. We’re looking for a person who can help us design usable, accessible and trustworthy experiences in technically complex and often constrained environments. This is an interesting opportunity to shape the usability of tools that are often built technology-first; i.e. this is a chance to take exciting technologies and turn them into meaningful, solutions that people want to use.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; eQualitie&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX Design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;eQualitie is looking for an experienced UX Designer to join our team. We’re looking for a person who can help us design usable, accessible and trustworthy experiences in technically complex and often constrained environments. This is an interesting opportunity to shape the usability of tools that are often built technology-first; i.e. this is a chance to take exciting technologies and turn them into meaningful, solutions that people want to use.&lt;/p&gt;
&lt;p&gt;What we need help with
We are looking for someone to address the critical issue in Internet Freedom technology – designing tools people want to use even when times are normal. Too often, people reach for critical connectivity tools only when it’s too late, when the network is down, shutdown, or the website is blocked. We want to embed resilient tooling into friendly services that people want to use, so that when they need us, they already have us.&lt;/p&gt;
&lt;p&gt;Designing for decentralized systems introduces a unique set of challenges, including inconsistent connectivity, non-traditional data flows, privacy-sensitive interactions and diverse user contexts. Our main requirement for the new colleague is the ability to understand these constraints, translate them into clear user experiences, and iterate based on real-world usage.&lt;/p&gt;
&lt;p&gt;To do this, we expect you to be able to self-start, driving the process from mapping user journeys, to iterative design and testing and rollout. You will be simplifying complex concepts such as peer-to-peer content sharing, decentralized system set up, ensuring the product remains accessible to non-technical users, and incorporating feedback. You would be the only designer on the team, but we work together, so you’re not alone.&lt;/p&gt;
&lt;p&gt;Given the nature of our work, UX research can play a central role. You will work closely with developers, researchers and field teams in various parts of the world to gather insights from users operating in restrictive or low-connectivity environments, and translate those insights into actionable design improvements.&lt;/p&gt;
&lt;p&gt;We are looking for a subset of these skills&lt;/p&gt;
&lt;p&gt;Strong experience in UX design for web and/or mobile applications
Ability to translate complex technical concepts into clear and usable interfaces
Experience with user research methods, including remote or constrained-context research
Proficiency with design and prototyping tools (e.g. Figma or similar)
Experience working closely with developers in iterative product environments
Nice to have&lt;/p&gt;
&lt;p&gt;Experience designing for privacy, security or peer-to-peer systems
Familiarity with decentralized technologies or offline-first design patterns
Experience contributing to open-source projects
Background in interaction design, information architecture or service design
Strong interest in digital rights, internet freedom and usability in high-risk contexts
Work schedule
eQualitie is global, so you will have to coordinate with your team to find a time that works for all of you. Otherwise, you do your work when you work.&lt;/p&gt;
&lt;p&gt;How to apply
Please send your resume and a cover letter to hireme|at|equalitie|dot|org explaining how your experience and motivation match our needs. Include a portfolio of relevant work demonstrating your UX process and outcomes. If applicable, include links to projects involving complex systems, research-driven design or open-source contributions.&lt;/p&gt;
&lt;p&gt;eQualitie welcomes applicants from all backgrounds. We are a remote-first company and offer flexible working arrangements. We are keen to hear from people who consider themselves under-represented in the software, technology or FLOSS communities.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Alexandra &amp;lt;hireme@equalitie.org&amp;gt;&lt;/li&gt;&lt;li&gt;https://equalitie.org/ux-designer/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ux-designer-equalitie/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ux</category><category>research</category><category>Jobs</category></item><item><title>Monoshape logo - favicon ready</title><link>https://opensourcedesign.net/jobs/monoshape-logo-favicon-ready/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/monoshape-logo-favicon-ready/</guid><pubDate>Sat, 30 May 2026 16:15:33 +0000</pubDate><dc:creator>Clarity</dc:creator><description>Clarity is a project that was neglected by me. I want to create a new website and need a logo that will look good on a favicon and represent the Monoshape icon theme.
Preferably, the created logo would be under a Creative Commons license. CC-0, CC-BY, or CC-BY-SA (the last is used by the project).</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Clarity&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Clarity is a project that was neglected by me. I want to create a new website and need a logo that will look good on a favicon and represent the Monoshape icon theme.&lt;/p&gt;
&lt;p&gt;Preferably, the created logo would be under a Creative Commons license. CC-0, CC-BY, or CC-BY-SA (the last is used by the project).&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Jakub T. Jankiewicz &amp;lt;jcubic@jcubic.pl&amp;gt;&lt;/li&gt;&lt;li&gt;The README of a project contains a illustration of the project:
https://github.com/jcubic/Clarity
All SVGs are in the repository; you can use them for your work. The Git repo only contains shape, SVG templates (where path is injected when generating an icon), and additional small elements added on top.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/monoshape-logo-favicon-ready/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>svg</category><category>Jobs</category></item><item><title>Create visual identity, branding and catchy name</title><link>https://opensourcedesign.net/jobs/create-visual-identity-branding-and-catchy-name/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/create-visual-identity-branding-and-catchy-name/</guid><pubDate>Mon, 18 May 2026 08:39:54 +0000</pubDate><dc:creator>Love takes authenticity</dc:creator><description>Love takes authenticity is a dating app with web and mobile interface, with focus on core personal values.
We need a complete UI/UX design, and the best place to start, I think, are the foundations of visual identity.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Love takes authenticity&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Branding, Visual identity, Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Love takes authenticity is a dating app with web and mobile interface, with focus on core personal values.&lt;/p&gt;
&lt;p&gt;We need a complete UI/UX design, and the best place to start, I think, are the foundations of visual identity.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Juan Torres &amp;lt;lead&amp;gt; &amp;lt;juan@juantorres.me&amp;gt;&lt;/li&gt;&lt;li&gt;https://github.com/JuanTorres93/love-takes-authenticity/issues/8&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/create-visual-identity-branding-and-catchy-name/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>color</category><category>typography</category><category>spacing</category><category>icons</category><category>Jobs</category></item><item><title>The ArcOS project</title><link>https://opensourcedesign.net/jobs/the-arcos-project/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/the-arcos-project/</guid><pubDate>Sun, 17 May 2026 13:29:15 +0000</pubDate><dc:creator>ArcOS</dc:creator><description>Just need someone who could design the theme, UI and logos/icons for the project, they will have freedom over how they design it they will make some guidelines for themselves to make it consistent. I will code it myself and it will need alot of communication and time commitment as the vision is there but haven’t really shaped yet, so there will be a lot of fine tuning.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; ArcOS&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UI design and Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Just need someone who could design the theme, UI and logos/icons for the project, they will have freedom over how they design it they will make some guidelines for themselves to make it consistent. I will code it myself and it will need alot of communication and time commitment as the vision is there but haven&amp;rsquo;t really shaped yet, so there will be a lot of fine tuning.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Eyad Ragheb, aka kernelstate (me the developer) &amp;lt;KernelState2012@gmail.com&amp;gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/the-arcos-project/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>desktop environment</category><category>icons</category><category>ui</category><category>ux</category><category>theming</category><category>design system</category><category>Jobs</category></item><item><title>UI/UX Designer for Open Source F1 Widget App</title><link>https://opensourcedesign.net/jobs/ui-ux-designer-for-open-source-f1-widget-app/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ui-ux-designer-for-open-source-f1-widget-app/</guid><pubDate>Sun, 03 May 2026 07:39:37 +0000</pubDate><dc:creator>F1 Widget App</dc:creator><description>I have developed a functional F1 widget app that provides Driver and Constructor standings. I’ve used it personally for a year, and now I want to release it for free on the App Store and Google Play for the 2026 season.
The logic is complete and uses the Ergast-compatible Jolpica API. I am looking for a designer to create a modern, high-fidelity UI in Figma.
You can see the current state of the widgets here: https://imgur.com/a/htrvzLc I added the option to change the background color and transparency of the widgets so please take this into account</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; F1 Widget App&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; filled&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Mobile app Widgets&lt;/p&gt;&lt;/div&gt;&lt;p&gt;I have developed a functional F1 widget app that provides Driver and Constructor standings. I&amp;rsquo;ve used it personally for a year, and now I want to release it for free on the App Store and Google Play for the 2026 season.&lt;/p&gt;
&lt;p&gt;The logic is complete and uses the Ergast-compatible Jolpica API. I am looking for a designer to create a modern, high-fidelity UI in Figma.&lt;/p&gt;
&lt;p&gt;You can see the current state of the widgets here: &lt;a href="https://imgur.com/a/htrvzLc"&gt;https://imgur.com/a/htrvzLc&lt;/a&gt;
I added the option to change the background color and transparency of the widgets so please take this into account&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Raztamim94@gmail.com&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ui-ux-designer-for-open-source-f1-widget-app/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>mobile</category><category>Jobs</category></item><item><title>Recruiting Digital Illustrator - Freelance position</title><link>https://opensourcedesign.net/jobs/recruiting-digital-illustrator-freelance-position/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/recruiting-digital-illustrator-freelance-position/</guid><pubDate>Thu, 16 Apr 2026 15:55:54 +0000</pubDate><dc:creator>Permaculture E-Learning (GROW Project GRP 4)</dc:creator><description> Location: Remote Timeline: 3-year commitment (initial focus: Year 1 module build, March–November 2026) Team: CoLab E-Learning Team We are building accredited modules of the Permaculture Design Certificate (PDC) pathway for CoLab and allied networks.
Our vision over the next three years is to develop peer-reviewed, badged PDC modules that are recognized across permaculture networks and partner institutions. These courses will remain available as open, on-demand learning resources at no cost to the learner.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Permaculture E-Learning (GROW Project GRP 4)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Digital Illustration&lt;/p&gt;&lt;/div&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Location:&lt;/strong&gt; Remote&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Timeline:&lt;/strong&gt; 3-year commitment (initial focus: Year 1 module build, March–November 2026)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Team:&lt;/strong&gt; CoLab E-Learning Team&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We are building accredited modules of the Permaculture Design Certificate (PDC) pathway for CoLab and allied networks.&lt;/p&gt;
&lt;p&gt;Our vision over the next three years is to develop peer-reviewed, badged PDC modules that are recognized across permaculture networks and partner institutions. These courses will remain available as open, on-demand learning resources at no cost to the learner.&lt;/p&gt;
&lt;p&gt;To bring this to life, we are seeking a digital illustrator (human-created work only, not AI-generated art) to join our E-Learning Team.&lt;/p&gt;
&lt;h2 id="your-role"&gt;Your Role&lt;/h2&gt;
&lt;p&gt;You will serve as the visual orchestrator of our course modules.&lt;/p&gt;
&lt;p&gt;The design team will develop and structure the module content. You will:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Translate curriculum into cohesive visual learning assets and design specifications&lt;/li&gt;
&lt;li&gt;Create original diagrams, illustrations, learning visuals, and layout elements&lt;/li&gt;
&lt;li&gt;Support clarity, accessibility, and coherence across the e-learning experience&lt;/li&gt;
&lt;li&gt;Collaborate closely with the design team to finalize delivery on the platform&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You will become a team member contributing to this educational program.&lt;/p&gt;
&lt;h2 id="commitment"&gt;Commitment&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Remote collaboration&lt;/li&gt;
&lt;li&gt;Participation in team meetings when requested (in alignment with CoLab accountability policy) in the afternoons and evenings in CET, Monday to Friday&lt;/li&gt;
&lt;li&gt;Ability to commit to the broader 3-year vision of modular PDC development&lt;/li&gt;
&lt;li&gt;Estimated capacity: approximately 25% of the project budget allocation, c. 1500 GBP p/y, paid per hour at your &lt;a href="https://perma.earth/equitable-wage-guide/"&gt;equitable wage rate&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The design team is currently scheduled for structured build sessions twice weekly, Thursdays and Fridays, during the initial development phase. Your engagement will align with module handover cycles.&lt;/p&gt;
&lt;h2 id="were-looking-for"&gt;We’re Looking For&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Strong digital illustration portfolio (educational or systems thinking experience preferred)&lt;/li&gt;
&lt;li&gt;Ability to visually communicate ecological and relational concepts&lt;/li&gt;
&lt;li&gt;Comfort working within collaborative, values-aligned teams&lt;/li&gt;
&lt;li&gt;Commitment to equitable wage principles&lt;/li&gt;
&lt;li&gt;Interest in long-term ecosystem building rather than short-term gig work&lt;/li&gt;
&lt;li&gt;Preferably: someone who has attended one or more Permaculture Design Certificates and has previously done permaculture design work&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="membership-requirement"&gt;Membership Requirement&lt;/h2&gt;
&lt;p&gt;Applicants must be CoLab members. If you are not a member, you can find out more about &lt;a href="https://perma.earth/onboarding-journey/"&gt;joining here&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="future-opportunities"&gt;Future Opportunities&lt;/h2&gt;
&lt;p&gt;Beyond this role, the illustrator may also be consulted or engaged on additional CoLab or allied network projects as a service provider.&lt;/p&gt;
&lt;h2 id="application"&gt;Application&lt;/h2&gt;
&lt;p&gt;Please submit:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Portfolio link&lt;/li&gt;
&lt;li&gt;Brief statement of interest (why permaculture education?)&lt;/li&gt;
&lt;li&gt;Confirmation of availability beginning May 2026&lt;/li&gt;
&lt;li&gt;CV or LinkedIn profile link&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We aim to fill this role by the end of April to maintain our delivery timeline. If interested, please &lt;a href="https://perma.earth/recruiting-digital-illustrator-permaculture-e-learning-grow-project-grp-4/"&gt;follow the link to apply&lt;/a&gt;.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Jyostna Maan - contact@minimumviable.academy&lt;/li&gt;&lt;li&gt;https://perma.earth/recruiting-digital-illustrator-permaculture-e-learning-grow-project-grp-4/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/recruiting-digital-illustrator-freelance-position/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Jobs</category></item><item><title>Home page design for our No To Big Tech movement</title><link>https://opensourcedesign.net/jobs/home-page-design-for-our-no-to-big-tech-movement/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/home-page-design-for-our-no-to-big-tech-movement/</guid><pubDate>Thu, 16 Apr 2026 10:18:50 +0000</pubDate><dc:creator>No To Big Tech</dc:creator><description>No To Big Tech is a decentralised, people-powered movement that aims to raise awareness and take action against Big Tech.
We would love help with the design of our homepage, and potentially other key pages.
Note that the website is powered by Osuny, which is a values-aligned CMS with a focus on low carbon design. We are limited with design features available but are happy with this platform and those constraints.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; No To Big Tech&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Web design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;No To Big Tech is a decentralised, people-powered movement that aims to raise awareness and take action against Big Tech.&lt;/p&gt;
&lt;p&gt;We would love help with the design of our homepage, and potentially other key pages.&lt;/p&gt;
&lt;p&gt;Note that the website is powered by Osuny, which is a values-aligned CMS with a focus on low carbon design. We are limited with design features available but are happy with this platform and those constraints.&lt;/p&gt;
&lt;p&gt;We would be happy to feature you on the website in some form, if you are happy to be included as a Contributor, and hopefully to have you involved with the movement going forward!&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Matt Tutt (degoog1e@protonmail.com)&lt;/li&gt;&lt;li&gt;https://www.notobigtech.org/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/home-page-design-for-our-no-to-big-tech-movement/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>web design</category><category>Jobs</category></item><item><title>Open Source Design: Governance research and documentation project</title><link>https://opensourcedesign.net/jobs/open-source-design-governance-research-and-documentation-project/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/open-source-design-governance-research-and-documentation-project/</guid><pubDate>Wed, 01 Apr 2026 08:22:48 +0000</pubDate><dc:creator>Open Source Design – Governance and Organization project</dc:creator><description>Please see this document for the full job description: https://cloud.opensourcedesign.net/s/Ly6WTWYg4Gn5aQT
Open Source Design (OSD) is a community of designers and developers pushing for more open design processes and improving the user experience and interface design of open-source software.
OSD received funding to explore and evolve the governance, decision making and organizational structure of the OSS community project. We expect some open sourced documents/writing to be published, some updates/information to be documented on our Github organisations/repositories and research documents to be produced.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Open Source Design – Governance and Organization project&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Governance, documentation, user/stakeholder interviews, research, project support,&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Please see this document for the full job description: &lt;a href="https://cloud.opensourcedesign.net/s/Ly6WTWYg4Gn5aQT"&gt;https://cloud.opensourcedesign.net/s/Ly6WTWYg4Gn5aQT&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Open Source Design (OSD) is a community of designers and developers pushing for more open design processes and improving the user experience and interface design of open-source software.&lt;/p&gt;
&lt;p&gt;OSD received funding to explore and evolve the governance, decision making and organizational structure of the OSS community project. We expect some open sourced documents/writing to be published, some updates/information to be documented on our Github organisations/repositories and research documents to be produced.&lt;/p&gt;
&lt;p&gt;We are looking for support in exploring and understanding governance broadly for Open Source Design. You can find some background details in this repo &lt;a href="https://github.com/Erioldoesdesign/open-source-design-community-governance/blob/main/the-state-of-open-source-designs-community-and-governance.md"&gt;https://github.com/Erioldoesdesign/open-source-design-community-governance/blob/main/the-state-of-open-source-designs-community-and-governance.md&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;We’re looking for people with experience of governance processes and decision making across volunteer communities to carry out research and discussions that lead to an understanding of where OSD’s governance and decision making can be added to, changed and improved in order to build and implement a resilient, sustainable, equitable and respectful process that can ensure OSD’s community can clearly understand what and why the community focuses on, with what resources and have clear pathways to connection and contribution.&lt;/p&gt;
&lt;p&gt;We’re asking for simple indicators of interest from people wanting to take on this work in the form of either written answers to the following questions or any other formats (audio/video) that the applicants may find more comfortable.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Question 1: Have you any public examples of helping community groups through governance and decision making process that you can share or any brief descriptions you can offer?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Question 2: Briefly (no more than 200-500 written words) describe your thoughts on approaching this work from what you’ve read in this project posting so far? What questions/challenges come up for you about the nature of this work and how do you intend to explore those?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Please don’t send an overwhelming amount of information or evidence. We want to see how you respond to these questions and not benchmark based on impressive sounding prior clients. Please keep clarifying questions to a single email thread if needed. If we have follow up questions or clarifications we’ll reach out for or additional information. Please do not request calls with any of the OSD members about this work.&lt;/p&gt;
&lt;p&gt;Applications will be assessed based on the answers to the above questions and evidence of public example/s from question one. The OSD governance committee of 5+ people will assess these via private discussion.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;Applications will close on 15th of May 2026&lt;/p&gt;
&lt;p&gt;Candidates will receive feedback by June 15th 2026&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;**erioldoesdesign@gmail.com** OSD Governance Advisory committee chat group (access given once a individual has been selected) The selected candidate will ‘report’ to the wider community of open source design. There are no management ‘approval’ processes where a specific member will ‘sign off’ on the work. The work will reach a state that the OSD community can continue with and meets as reasonable an amount of ‘approval’ as feasible in the current decision making processes.&lt;/li&gt;&lt;li&gt;https://archive.fosdem.org/2022/schedule/event/osd_introduction_to_open_source_design/
https://opensourcedesign.net/ (Specifically the goals and manifesto pages)
https://opencollective.com/opensourcedesign
https://github.com/Erioldoesdesign/open-source-design-community-governance/blob/main/the-state-of-open-source-designs-community-and-governance.md&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/open-source-design-governance-research-and-documentation-project/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>governance</category><category>design</category><category>community building</category><category>support</category><category>documentation</category><category>user research</category><category>Jobs</category></item><item><title>Help fund the recordings of talks for FOSS Backstage Design 2026</title><link>https://opensourcedesign.net/events/2026-03-31-foss-backstage-donation-support/</link><guid isPermaLink="true">https://opensourcedesign.net/events/2026-03-31-foss-backstage-donation-support/</guid><pubDate>Tue, 31 Mar 2026 00:00:00 +0000</pubDate><dc:creator>Eriol Fox &amp; Core Open Source Design team</dc:creator><author>Eriol Fox &amp; Core Open Source Design team</author><description> a photo of the speakers podium from FOSS Backstage Design 2026 FOSS Backstage Design took place for the 3rd year in a row to bring together people working on the user experience of open source software.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Date:&lt;/strong&gt; March 2026&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Location:&lt;/strong&gt; Berlin, Germany&lt;/p&gt;&lt;/div&gt;&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/foss-backstage-design-2026_hu_4c36f1c16eb4c2b1.avif 480w, https://opensourcedesign.net/images/events/foss-backstage-design-2026_hu_786a252964e6281c.avif 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/foss-backstage-design-2026_hu_f8c429b7cbb46629.webp 480w, https://opensourcedesign.net/images/events/foss-backstage-design-2026_hu_d10b128a81c0dd74.webp 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/foss-backstage-design-2026.jpg"
alt="a photo of the speakers podium from FOSS Backstage Design 2026"
title="a photo of the speakers podium from FOSS Backstage Design 2026"
loading="eager"
fetchpriority="high"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="800"
height="534"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;a photo of the speakers podium from FOSS Backstage Design 2026&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&lt;a href="https://26.foss-backstage.design/"&gt;FOSS Backstage Design&lt;/a&gt; took place for the 3rd year in a row to bring together people working on the user experience of open source software.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;FOSS Backstage Design is the place to meet designers, UX-experts, OpenSource enthusiasts, product managers and people generally interested in UX, accessible design and usability.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;This year however, was harder to raise sponsorship for the event. As such, the cost of the video recordings for the talks on the day were at risk of not being funded.&lt;/p&gt;
&lt;p&gt;The folks at Plain Schwartz, who are organizing many FOSS events stepped in to take on the cost of recordings of talks.&lt;/p&gt;
&lt;p&gt;Open Source Design covered a part of the venue and catering costs for the 2nd and 3rd year in a row, but as a community run project on donations we cannot cover the 3000 Euro amount for the excellent level of professional recording, audio and editing that is offered by the team that Plain Schwartz hires.&lt;/p&gt;
&lt;p&gt;Please consider donating what you can to help Plain Schwartz recover the costs to record the talks here:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://opencollective.com/opensourcedesign/projects/foss-backstage-design"&gt;https://opencollective.com/opensourcedesign/projects/foss-backstage-design&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;You can look forward to seeing the excellent talks about open source software and design related topics, from Blender, Mastodon, AWS and KDE in the coming weeks on their YouTube channel soon as well as an article write up here on Open Source Design&amp;rsquo;s articles section too!: &lt;a href="https://www.youtube.com/@PlainSchwarzUG"&gt;https://www.youtube.com/@PlainSchwarzUG&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/dalai-and-pablo-blender-2026_hu_3eb04a30047452b6.avif 480w, https://opensourcedesign.net/images/events/dalai-and-pablo-blender-2026_hu_9749fc220d3564f0.avif 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/dalai-and-pablo-blender-2026_hu_ad6beea143cd2826.webp 480w, https://opensourcedesign.net/images/events/dalai-and-pablo-blender-2026_hu_fed9293b3909f7a5.webp 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/dalai-and-pablo-blender-2026.jpg"
alt="dalai and pablo speaking at foss backstage 2026"
title="dalai and pablo speaking at foss backstage 2026"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="800"
height="534"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;dalai and pablo speaking at foss backstage 2026&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/lauwrie-aws-2026_hu_413b955c03abb9d.avif 480w, https://opensourcedesign.net/images/events/lauwrie-aws-2026_hu_1dcc4c2558a80d4.avif 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/lauwrie-aws-2026_hu_1ae17ddfd1be150d.webp 480w, https://opensourcedesign.net/images/events/lauwrie-aws-2026_hu_f9cbfc406e4bde58.webp 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/lauwrie-aws-2026.jpg"
alt="lauwri speaking at foss backstage 2026"
title="lauwri speaking at foss backstage 2026"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="800"
height="534"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;lauwri speaking at foss backstage 2026&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/imani-mastodon-2026_hu_44800e5477a2e40d.avif 480w, https://opensourcedesign.net/images/events/imani-mastodon-2026_hu_9c9ae65ce4d60fbe.avif 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/imani-mastodon-2026_hu_48fe31df32f46caf.webp 480w, https://opensourcedesign.net/images/events/imani-mastodon-2026_hu_8683dba714cff9b8.webp 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/imani-mastodon-2026.jpg"
alt="imani speaking at foss backstage 2026"
title="imani speaking at foss backstage 2026"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="800"
height="534"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;imani speaking at foss backstage 2026&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/andy-kde-2026_hu_c7e828c1cc818a03.avif 480w, https://opensourcedesign.net/images/events/andy-kde-2026_hu_d2128ac756a6f55a.avif 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/andy-kde-2026_hu_156e769ab18c11fc.webp 480w, https://opensourcedesign.net/images/events/andy-kde-2026_hu_da1ed5cfb5d7746c.webp 800w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/andy-kde-2026.jpg"
alt="andy speaking at foss backstage 2026"
title="andy speaking at foss backstage 2026"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="800"
height="534"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;andy speaking at foss backstage 2026&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/events/2026-03-31-foss-backstage-donation-support/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Events</category></item><item><title>Homepage Redesign</title><link>https://opensourcedesign.net/jobs/homepage-redesign/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/homepage-redesign/</guid><pubDate>Fri, 13 Mar 2026 19:15:49 +0000</pubDate><dc:creator>Figranium</dc:creator><description>Redesign of our homepage at figranium.dev, you are free to do whatever you want, but our tagline is “Deterministic Control for an Agentic World” and you cannot alter or change the logos/icons</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Figranium&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Web Design, UI Design, Homepage Design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Redesign of our homepage at figranium.dev, you are free to do whatever you want, but our tagline is &amp;ldquo;Deterministic Control for an Agentic World&amp;rdquo; and you cannot alter or change the logos/icons&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;asernasr@figranium.dev&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/homepage-redesign/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Jobs</category></item><item><title>FOSDEM 2026: Open Source Design Devroom wrap up</title><link>https://opensourcedesign.net/events/fosdem-2026/</link><guid isPermaLink="true">https://opensourcedesign.net/events/fosdem-2026/</guid><pubDate>Mon, 09 Mar 2026 00:00:00 +0000</pubDate><dc:creator>Eriol Fox</dc:creator><author>Eriol Fox</author><description> A photo from towards the end of the open source design devroom day Introduction The 12th edition Open Source Design devroom in 2026 ran for a half a day on Sunday 1st of February from 13.00pm until the end of the conference at 17.00pm with 8 talks. Most talks had a good/full turn out of audience numbers in the room, even right up until the end of the day on Sunday, which is typically when many folks start travel home from Brussels.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Date:&lt;/strong&gt; 1 February 2026&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Location:&lt;/strong&gt; Université Libre Brussels, Belgium&lt;/p&gt;&lt;/div&gt;&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_9d87496222eeb776.avif 480w, https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_334279f8069994af.avif 960w, https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_888a4049c28c6a7d.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_53ae80f2438750be.webp 480w, https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_8735cc30d064fc20.webp 960w, https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_400b6f34d026a932.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/events/OSD-FOSDEM-devroom-2026-2_hu_13c8c47022ce255d.jpeg"
alt="A photo from towards the end of the open source design devroom day"
title="A photo from towards the end of the open source design devroom day"
loading="eager"
fetchpriority="high"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1200"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;A photo from towards the end of the open source design devroom day&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;The 12th edition Open Source Design devroom in 2026 ran for a half a day on Sunday 1st of February from 13.00pm until the end of the conference at 17.00pm with 8 talks. Most talks had a good/full turn out of audience numbers in the room, even right up until the end of the day on Sunday, which is typically when many folks start travel home from Brussels.&lt;/p&gt;
&lt;p&gt;Each talk followed the same format as years previously, 20 minutes each with 5 minutes for questions, and again, many talks could have been much longer and delved into the details and nuances of topic like security, privacy, supply chain safety, design systems and collaboration processes. In recent years we&amp;rsquo;ve applied for full days of a devroom which would either mean longer talks from some speakers or more speakers. This year we received over 30 talk proposals. Which have their speaker and OSS project information anonymised so that the core maintainer team can vote on the quality of the topic and mitigate bias towards familiar people and OSS projects. We only received a half day in 2026 which means shorter talks and less speakers but as the interest for open source design grows we&amp;rsquo;ll continue to apply for more time and attention to the varied and broad aspects of design in OSS.&lt;/p&gt;
&lt;p&gt;All the talks were recorded and will be available on their individual pages on the FOSDEM website. &lt;a href="https://fosdem.org/2026/schedule/track/design/"&gt;https://fosdem.org/2026/schedule/track/design/&lt;/a&gt; (this website will be archived once FOSDEM 2026&amp;rsquo;s website is live. When that happens please search for &amp;lsquo;FOSDEM 2026&amp;rsquo; in a search engine and look for the archived site)&lt;/p&gt;
&lt;p&gt;You can also find every design devroom from 2015 onwards by visiting the yearly specific website of FOSDEM e.g. &lt;a href="https://archive.fosdem.org/2015/schedule/track/open_source_design/"&gt;https://archive.fosdem.org/2015/schedule/track/open_source_design/&lt;/a&gt; &lt;a href="https://archive.fosdem.org/2018/schedule/track/open_source_design/"&gt;https://archive.fosdem.org/2018/schedule/track/open_source_design/&lt;/a&gt; etc.&lt;/p&gt;
&lt;p&gt;In 2026 we did struggle to include talks with accessibility as a critical component as well and also endeavoured to platform and prioritise speakers from traditionally under-represented geographical locations but as FOSDEM is an free to attend conference, each devroom organiser, should they want to pay for speakers and volunteers would need to fundraise. This year we were able to use limited funds of $550 USD to pay for two speakers partial travel/accommodation costs. If you&amp;rsquo;d like to contribute to 2027&amp;rsquo;s travel funds for FOSDEM and/or other conference costs for open source design related events and conferences you can do so on our open collective funds page: &lt;a href="https://opencollective.com/opensourcedesign"&gt;https://opencollective.com/opensourcedesign&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="the-talks"&gt;The Talks&lt;/h2&gt;
&lt;h3 id="designing-attestations-ui-the-security-and-safety-of-oss-package-supply-chain---eriol-fox"&gt;Designing attestations UI: The Security and Safety of OSS package supply chain - Eriol Fox&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/HCQRVT-designing_attestations_ui_the_security_and_safety_of_oss_package_supply_chain/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/HCQRVT-designing_attestations_ui_the_security_and_safety_of_oss_package_supply_chain/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speaker worked on a 12+ week project looking at how to express in the varied UI&amp;rsquo;s of three package repositories (npm, pypi and RubyGems) we can now see more clearly what developers, across skill and knowledge levels, use in package repository pages to make a decision on the security of an OSS located on a registry. These decisions are critical for better understanding trust, value, social proof and the knowledge of secure practices across developers and helps answer the question: how much do developers know about the security of their software supply chain?&lt;/p&gt;
&lt;p&gt;You can take a look at the project repository here:
&lt;a href="https://github.com/ossf/wg-securing-software-repos/tree/main/docs/attestations-style-guide"&gt;https://github.com/ossf/wg-securing-software-repos/tree/main/docs/attestations-style-guide&lt;/a&gt;&lt;/p&gt;
&lt;h3 id="the-ui-layer-of-security-what-could-go-wrong---elio-qoshi--anja-xhakani"&gt;The UI Layer of Security: What could go wrong? - Elio Qoshi &amp;amp; Anja Xhakani&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/YTN9QV-ui-layer-of-security/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/YTN9QV-ui-layer-of-security/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speakers took the audience on a journey into the rarely looked at the parts of technology systems from a security perspective that is the clicking the buttons and interpreting the warnings part. A surprising number of real-world security failures happen not because the code is flawed, but because the interface leaves too much room for dangerous misunderstandings. The speakers touch on what the common mistakes are when the people that build and configure technology assume that users are fully aware of risks and nuances involved in operating the technology. This knowledge/understanding gap can lead to critical user security risks.&lt;/p&gt;
&lt;p&gt;The speakers draw on their work at Ura with security-critical and open source projects, this talk explores how the user experience itself can introduce or amplify security risks and why these issues often slip through traditional code-focused reviews.&lt;/p&gt;
&lt;h3 id="designing-for-trust-and-safety-in-the-age-of-predatory-technology---caroline-sinders"&gt;Designing For Trust and Safety In the Age of Predatory Technology - Caroline Sinders&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/PRLSR3-designing_for_safety_in_the_age_of_predatory_tech/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/PRLSR3-designing_for_safety_in_the_age_of_predatory_tech/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This speaker goes deep into what online safety looks like in the age of Grok, misinformation, doxxing, and technology company founders imposing their own views of safety, surveillance, and ethics on their platforms.
The speaker is a former trust and safety employee of the Wikimedia Foundation, and an online gender based violence expert with over a decade of experience,. They cover new design patterns, best practices, and product tooling to help achieve safety, security and foster trust for all types of communities online, but especially marginalized and vulnerable ones.&lt;/p&gt;
&lt;p&gt;Parts of the talk focuses on how open source design can be a part of the solution space for creating safety, and how transparency, security and privacy should be leveraged for safety online. The speaker finishes with actionable design insights, UX, UI, new types of product design, and design related policy that could be implemented all for safety.&lt;/p&gt;
&lt;h3 id="gephi-lite-we-built-a-data-visualization-tool-but-we-couldnt-design-it---alexis-jacomy--desaintjan-arthur"&gt;Gephi Lite: We Built a Data Visualization Tool, But We Couldn&amp;rsquo;t Design It - Alexis Jacomy &amp;amp; Desaintjan Arthur&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/UKTJ3V-gephi-lite-redesign/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/UKTJ3V-gephi-lite-redesign/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speakers talk about Gephi Lite which is a web-based open-source network visualization tool built by a three-person engineering team. After two years of development and a functional application the team had a nagging feeling that the user interface wasn&amp;rsquo;t working for users. After bringing in Arthur Desaintjan, a design intern the Gephi Lite team were able to address the needs for usable interface fro users.
The speakers share how they approached design at a pivotal moment in Gephi Lite&amp;rsquo;s life - first by stepping back to clarify what Gephi Lite should really be, then by running user interviews that revealed just how far our assumptions were from reality.&lt;/p&gt;
&lt;h3 id="design-systems-in-open-source---andres-betts"&gt;Design Systems in Open Source - Andres Betts&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/ANP9VX-design_systems_in_open_source/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/ANP9VX-design_systems_in_open_source/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speaker takes us through how Design systems evolved their process and how UI graphics are made, full with automation and deep integration. They then contrast this industry view with their experiences of Open Source communities, who are often left out of these design system processes and practices given that OSS are for certain subset of OSS user groups.
The speaker then speaks about how using &lt;a href="https://penpot.app/"&gt;PenPot&lt;/a&gt;, for KDE Plasma and how they saw an opportunity to build something unique to develop the Plasma desktop faster and with higher fidelity to user experience standards.
The speaker takes us through the implementation at the KDE Plasma Desktop from graphics, colors, typography, graphical components to much more.&lt;/p&gt;
&lt;h3 id="you-dont-need-to-be-a-designer-to-design-fixing-ux-in-open-source---archita-gorle"&gt;You Don&amp;rsquo;t Need to Be a Designer to Design: Fixing UX in Open Source - Archita Gorle&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/Y7HLDE-you_dont_need_to_be_a_designer_to_design_fixing_ux_in_open_source/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/Y7HLDE-you_dont_need_to_be_a_designer_to_design_fixing_ux_in_open_source/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speaker starts with speaking to how Open source thrives on contributions from developers, testers, and community builders, but how design often gets left behind, especially when there are fewer designer in the FOSS ecosystem than people who write code.&lt;/p&gt;
&lt;p&gt;The good news: you don&amp;rsquo;t need a design degree do design. You might start with &amp;lsquo;I see the problem, but I&amp;rsquo;m not a designer&amp;rsquo; and look for the methods to help, which the speaker then explains some simple, practical design methods to identify and solve UX issues in open source projects. This talk focuses on the simple steps anyone can try and how to ask the right questions, sketch ideas on paper, and try them out with friends or community members. No special skills or software needed: just curiosity and a willingness to make things easier for others.&lt;/p&gt;
&lt;h3 id="understanding-developer-needs---user-research-in-forgejo---otto-richter"&gt;Understanding developer needs - User research in Forgejo - Otto Richter&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/EXQFAR-forgejo-developer-centric-user-needs-and-design/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/EXQFAR-forgejo-developer-centric-user-needs-and-design/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This speaker, who themselves started out on the code/software side of an OSS project and themselves began to engage with user research and UX work when they saw opportunities for improvement in the project they were affiliated with. This speaker helped the audience to understand your OSS users and how that understanding should be an important step of software development. In recent years, many end-user facing FLOSS communities integrated at least some aspects of design into their development. Unfortunately, most developer-centric projects still haven&amp;rsquo;t started to even think about it.
This talk concludes two years of user research in Forgejo, a Git-backed software forge and collaboration platform. Forgejo can be self-hosted or used on a public instance like Codeberg.org to create software together, from sharing and reviewing code to tracking user problems, doing project management and doing design work.&lt;/p&gt;
&lt;h3 id="use-eye-tracking-to-figure-out-usability-issues-the-open-source-way---dmitriy-kostiuk"&gt;Use eye tracking to figure out usability issues, the open source way - Dmitriy Kostiuk&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://fosdem.org/2026/schedule/event/FS8F3U-use_eye_tracking_to_figure_out_usability_issues_the_open_source_way/"&gt;Watch this talk: https://fosdem.org/2026/schedule/event/FS8F3U-use_eye_tracking_to_figure_out_usability_issues_the_open_source_way/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The speaker dives into the usage of eye trackers to track usability issues in FLOSS. The speaker introduces different eye-tracker tools and process and shows detailed examples showing the different data and information that can be captured by using eye-tracking and what insight that offers to an FLOSS project. Like seeing whether a user looks at written content or quickly uses a search function on a documentation page.&lt;/p&gt;
&lt;p&gt;Visualization of short-term and long-term eye tracking data series is explained with sample code for Graphviz and GNU Octave.&lt;/p&gt;
&lt;h3 id="what-the-audience-said"&gt;What the audience said…&lt;/h3&gt;
&lt;p&gt;Feedback this year was again, glowing and kind with attendees of talks valuing specifically the focus on critical topics in OSS like security and privacy and not just the highly valued aspects that are expected by designers in regards to the UX and usability, but the growing interest in cryptography and package security. The talks that also welcomed broad participation into design in OSS were highly rated as design can often seem like a practice that can only be done by the trained few, but Archita and Otto&amp;rsquo;s talks emphasised how design and user research can be invested in many ways but different folks in OSS to the benefit of OSS projects. The designers in the room were energised by the depth in the topics of design systems and eye tracking and after the talks there were many new to OSS designers looking for pathways into contribution to OSS.&lt;/p&gt;
&lt;p&gt;if you&amp;rsquo;d like to send us a review or quote from your experience of the FOSDEM Open Source Design devroom please email us on core(at)opensourcedesign(dot)net - feedback, compliments and critique is how we keep our volunteer energy up year on year and we always hope to improve experiences of people at FOSDEM as best we can.&lt;/p&gt;
&lt;p&gt;You can also email us if you&amp;rsquo;d like to be involved in the Open Source Design Devroom as a volunteer next year. We always need help with the following:&lt;/p&gt;
&lt;p&gt;Applying for the FOSDEM devroom and stand in September/October every year
Promoting the call for talks to people in the open source design space
Helping up develop fundraising processes for travel stipends and raising funds to distribute to speakers and volunteers
Communications and liaising with selected speakers ensuring they have their talks prepared and everything they need to attend FOSDEM in Brussels.
Volunteering in the Devroom at FOSDEM in Brussels. Hosting the room, Introducing speakers, tech and audio support, ensuring the room is safe and space is monitored and cleanup.
Preparing banners, posters and stickers for handing out to attendees.&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/events/fosdem-2026/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Events</category></item><item><title>Full-time UX Designer - Design systems</title><link>https://opensourcedesign.net/jobs/full-time-ux-designer-design-systems/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/full-time-ux-designer-design-systems/</guid><pubDate>Thu, 05 Feb 2026 14:35:35 +0000</pubDate><dc:creator>Canonical design system</dc:creator><description>Please apply through: https://grnh.se/iqyypnh31us
We are hiring a UX designer for our Design System Team. You will play a key role making open source software available to the world. Our Design function ensures the experience of the software and infrastructure we build is true to our intentions, and delivers the tools our community and customers need. The Design System UX designer makes that possible by defining, evolving and advocating for a consistent use of design system that scales across our products.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Canonical design system&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Design system&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Please apply through: &lt;a href="https://grnh.se/iqyypnh31us"&gt;https://grnh.se/iqyypnh31us&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="we-are-hiring-a-ux-designer-for-our-design-system-team"&gt;We are hiring a UX designer for our Design System Team. &lt;/h2&gt;
&lt;p&gt;You will play a key role making open source software available to the world. Our Design function ensures the experience of the software and infrastructure we build is true to our intentions, and delivers the tools our community and customers need. The Design System UX designer makes that possible by defining, evolving and advocating for a consistent use of design system that scales across our products.&lt;/p&gt;
&lt;p&gt;This role sits in the design system team reporting to Design Systems Management&lt;/p&gt;
&lt;p&gt;Location: This role will be based remotely in the EMEA region.&lt;/p&gt;
&lt;h2 id="the-role-entails"&gt;The role entails&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Building and evolving Canonical’s design system, ensuring measurable adoption, consistency, scalability and accessibility across our products&lt;/li&gt;
&lt;li&gt;Collaborating with designers, engineers and stakeholders to translate user needs and brand principles into reusable components, patterns and guidelines&lt;/li&gt;
&lt;li&gt;Championing design system best practices, advocating for cohesive user experience and design, providing documentation and support for cross-functional teams&lt;/li&gt;
&lt;li&gt;Designing and documenting UI components, design tokens and interaction patterns&lt;/li&gt;
&lt;li&gt;Ensuring timely and efficient delivery of the roadmap&lt;/li&gt;
&lt;li&gt;Enabling alignment on design system usage and governance across teams&lt;/li&gt;
&lt;li&gt;Advocating for accessibility, performance, and scalability in design system decisions and iterating based on data and technological advancements&lt;/li&gt;
&lt;li&gt;Staying ahead of industry trends, ensuring innovation and balancing it with system coherence and performance&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="what-we-are-looking-for-in-you"&gt;What we are looking for in you&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Relevant experience in UX/product design, with a strong focus on design systems in complex environments&lt;/li&gt;
&lt;li&gt;A portfolio demonstrating strong expertise in design systems, including component libraries, documentation and handling complex environments&lt;/li&gt;
&lt;li&gt;Exceptional educational achievements in design or related behavioral science discipline&lt;/li&gt;
&lt;li&gt;Expertise in Figma/Penpot, Storybook and design token workflows&lt;/li&gt;
&lt;li&gt;Experience of collaborating with engineers and bridging design and code&lt;/li&gt;
&lt;li&gt;Proven ability to apply design process and clearly communicate and document design decisions&lt;/li&gt;
&lt;li&gt;Excellent attention to detail and systemic approach to solving complex design challenges&lt;/li&gt;
&lt;li&gt;Commitment to transparent project delivery and owning team deadlines&lt;/li&gt;
&lt;li&gt;A passion for balancing consistency and innovation&lt;/li&gt;
&lt;li&gt;Willingness to travel up to 4 times a year for internal events&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;hayden.chambers@canonical.com&lt;/li&gt;&lt;li&gt;https://grnh.se/iqyypnh31us&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/full-time-ux-designer-design-systems/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>design system</category><category>ubuntu</category><category>Jobs</category></item><item><title>Design logo for zsweep A minimalistic Web Game with Vim motions</title><link>https://opensourcedesign.net/jobs/design-logo-for-zsweep-a-minimalistic-web-game-with-vim-motions/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/design-logo-for-zsweep-a-minimalistic-web-game-with-vim-motions/</guid><pubDate>Thu, 15 Jan 2026 23:14:18 +0000</pubDate><dc:creator>zsweep</dc:creator><description>Design a logo that will be put on the website page and as favicon for web zsweep.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; zsweep&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design &amp;amp; branding&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Design a logo that will be put on the website page and as favicon for web zsweep.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;tommyguo024@outlook.com&lt;/li&gt;&lt;li&gt;https://github.com/oug-t/zsweep&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/design-logo-for-zsweep-a-minimalistic-web-game-with-vim-motions/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>design</category><category>Jobs</category></item><item><title>UX/UI Redesign for PlugBrain – Digital Wellbeing Android App</title><link>https://opensourcedesign.net/jobs/ux-ui-redesign-for-plugbrain-digital-wellbeing-android-app/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ux-ui-redesign-for-plugbrain-digital-wellbeing-android-app/</guid><pubDate>Thu, 20 Nov 2025 21:46:53 +0000</pubDate><dc:creator>PlugBrain</dc:creator><description>PlugBrain is an open-source digital wellbeing app for Android. It reduces distraction by locking selected apps, users must solve math challenges to unlock them. Difficulty increases the more they use their phone, encouraging healthy habits.
We want a full redesign of the app to make it:
More modern and visually appealing Clearer and easier to navigate Engaging and playful without being overwhelming You will help define the new design direction, including improved onboarding, better flow for locking apps, and redesign challenge screens.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; PlugBrain&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; searching&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Design, UX, UI&lt;/p&gt;&lt;/div&gt;&lt;p&gt;PlugBrain is an open-source digital wellbeing app for Android. It reduces distraction by locking selected apps, users must solve math challenges to unlock them. Difficulty increases the more they use their phone, encouraging healthy habits.&lt;/p&gt;
&lt;p&gt;We want a full redesign of the app to make it:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;More modern and visually appealing&lt;/li&gt;
&lt;li&gt;Clearer and easier to navigate&lt;/li&gt;
&lt;li&gt;Engaging and playful without being overwhelming&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You will help define the new design direction, including improved onboarding, better flow for locking apps, and redesign challenge screens.&lt;/p&gt;
&lt;p&gt;Project is paid, compensation based on experience and agreed scope.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;belaid.mohammed.said@gmail.com&lt;/li&gt;&lt;li&gt;https://github.com/msbelaid/PlugBrain/
https://f-droid.org/packages/app.plugbrain.android/
https://play.google.com/store/apps/details?id=app.plugbrain.android&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ux-ui-redesign-for-plugbrain-digital-wellbeing-android-app/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>android</category><category>ux</category><category>ui</category><category>open source</category><category>figma</category><category>jetpack compose</category><category>productivity</category><category>Jobs</category></item><item><title>Design our new home page + web site theme</title><link>https://opensourcedesign.net/jobs/design-our-new-home-page--web-site-theme/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/design-our-new-home-page--web-site-theme/</guid><pubDate>Fri, 03 Oct 2025 19:23:06 +0000</pubDate><dc:creator>Owncast</dc:creator><description>Owncast is the free and open source live video streaming + chat server, allowing anybody to run their self-hosted live streams similar to the large big tech options.
The project has hit five years old, and it’s time to give our home page and documentation a facelift.
We’re looking to redesign our home landing page to improve how we explain the project to people, add a bit more levity to our image, and simply freshen things up.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Owncast&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Web design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Owncast is the free and open source live video streaming + chat server, allowing anybody to run their self-hosted live streams similar to the large big tech options.&lt;/p&gt;
&lt;p&gt;The project has hit five years old, and it&amp;rsquo;s time to give our home page and documentation a facelift.&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;re looking to redesign our home landing page to improve how we explain the project to people, add a bit more levity to our image, and simply freshen things up.&lt;/p&gt;
&lt;p&gt;As a small Open Source project, our budget isn&amp;rsquo;t huge. But we want to be able to offer something to somebody talented who is excited to work with us.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Gabe Kangas (Project Maintainer) &amp;lt;gabek@real-ity.com&amp;gt;&lt;/li&gt;&lt;li&gt;https://owncast.online&lt;/li&gt;&lt;li&gt;https://docs.owncast.dev/updated-web-site-2025&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/design-our-new-home-page--web-site-theme/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>web design</category><category>documentation</category><category>Jobs</category></item><item><title>Call for Participation: Open Source Design Devroom at FOSDEM 2026</title><link>https://opensourcedesign.net/events/2025-10-01-fosdem-cfp-2026/</link><guid isPermaLink="true">https://opensourcedesign.net/events/2025-10-01-fosdem-cfp-2026/</guid><pubDate>Wed, 01 Oct 2025 00:00:00 +0000</pubDate><description>Please see the bottom of this article for the call for proposals link.
FOSDEM is the Free and Open source Software Developers’ European Meeting, a free and non-commercial two-day weekend event that offers all open source contributors a place to meet, share ideas, learn and collaborate. Every year, thousands of free and open source software contributors from all over the world gather at the event in Brussels, Belgium. After the success of open source design at previous FOSDEM’s, we are gearing up for the next edition of FOSDEM, taking place at the Université Libre Brussels on 31 January &amp; 1 February 2026.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Date:&lt;/strong&gt; 31 January &amp;amp; 1 February 2026&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Time:&lt;/strong&gt; Sunday 1 February 2026 13.00 - 17.00&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Location:&lt;/strong&gt; Université Libre Brussels, Belgium&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Please see the bottom of this article for the call for proposals link.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://fosdem.org"&gt;FOSDEM&lt;/a&gt; is the Free and Open source Software Developers’ European Meeting, a free and non-commercial two-day weekend event that offers all open source contributors a place to meet, share ideas, learn and collaborate.
Every year, thousands of free and open source software contributors from all over the world gather at the event in Brussels, Belgium. After the success of open source design at previous FOSDEM&amp;rsquo;s, we are gearing up for the next edition of FOSDEM, taking place at the Université Libre Brussels on 31 January &amp;amp; 1 February 2026.&lt;/p&gt;
&lt;h2 id="open-source-design--fosdem"&gt;Open Source Design @ FOSDEM&lt;/h2&gt;
&lt;p&gt;Open Source Design has been part of FOSDEM for over a decade now! giving designers who work with or contribute to free, libre and open source software (FLOSS) a platform to share their ideas. You can find the &lt;a href="https://fosdem.org/2026/schedule/track/design/"&gt;link to our devroom here&lt;/a&gt; where talks will be annouced once they have been submitted and accepted. The timings and room will also be updated here too.
&lt;a href="https://fosdem.org/2026/schedule/track/design/"&gt;https://fosdem.org/2026/schedule/track/design/&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="travel-support"&gt;Travel support&lt;/h2&gt;
&lt;p&gt;Open Source Design has limited fund to support travel, accomodation and expenses for speakers and can be found on our &lt;a href="https://opencollective.com/opensourcedesign"&gt;open collective page&lt;/a&gt;. We will be prioritising under-represented members of the FOSS community with these travel funds and can offer invitation letters for visas. Please send an email to &lt;a href="mailto:core@opensourcedesign.net"&gt;core@opensourcedesign.net&lt;/a&gt; to be considered for travel stipend support.&lt;/p&gt;
&lt;h2 id="get-involved"&gt;Get involved!&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;We invite you to give a talk about contributing design to open source projects!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;ldquo;Design&amp;rdquo; can mean anything including typography, graphic design, interaction design, user experience, human-computer interaction, accessibility, information architecture, content strategy, service design, user research, design research and more. You don&amp;rsquo;t have to be an expert in the field &amp;ndash; you could have been involved in a project for as little as a year or as long as a decade. As long as you have been involved with design in any respect in an open source project, we&amp;rsquo;re interested to hear what you think!&lt;/p&gt;
&lt;p&gt;Here are some topics that may inspire your talk:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Your experiences contributing to design in an open source project&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;How you use FLOSS tools to design&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;An open source project which is an example of great design&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Your design process, research methods, and go-to resources while working with open source projects&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Your ideas on fostering diversity and inclusion in design and open source&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Anything else related to design and FLOSS!&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="some-examples-of-previous-talks-featured-at-the-open-source-design-devroom-at-fosdem-are"&gt;Some examples of previous talks featured at the Open Source Design devroom at FOSDEM are:&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2025/schedule/event/fosdem-2025-4876-thunderbird-building-a-cross-platform-scalable-open-source-design-system/"&gt;Thunderbird: Building a Cross-Platform, Scalable Open-Source Design System&lt;/a&gt; &lt;a href="https://archive.fosdem.org/2025/schedule/speaker/laurel_terlesky/"&gt;Laurel Terlesky&lt;/a&gt; at FOSDEM 2025&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2025/schedule/event/fosdem-2025-4832-cli-design-for-designers-and-developers/"&gt;CLI Design for Designers and Developers&lt;/a&gt;&lt;a href="https://archive.fosdem.org/2025/schedule/speaker/hartmut_obendorf/"&gt;Hartmut Obendorf&lt;/a&gt; at FOSDEM 2025&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2025/schedule/event/fosdem-2025-4433-the-engineer-s-guide-to-design-merging-technical-and-creative-skills-in-open-source-projects/"&gt;The Engineer’s Guide to Design: Merging Technical and Creative Skills in Open Source Projects&lt;/a&gt;&lt;a href="https://archive.fosdem.org/2025/schedule/speaker/khushi_garg/"&gt;Khushi Garg&lt;/a&gt; at FOSDEM 2025&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2024/schedule/event/fosdem-2024-3049-reimagining-personal-computing-with-e-ink-community-insights-and-design-challenges/"&gt;Reimagining Personal Computing with E ink: Community Insights and Design Challenges&lt;/a&gt; by Alexander Soto at FOSDEM 2024&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2024/schedule/event/fosdem-2024-2897-liquid-prompt-yes-we-can-drastically-rethink-the-design-of-a-shell-prompt/"&gt;Liquid Prompt: yes, we can drastically rethink the design of a shell prompt&lt;/a&gt; by nojhan at FOSDEM 2024&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2024/schedule/event/fosdem-2024-3135-bad-ux-is-bad-security-adventures-in-qubes-os-ux-design/"&gt;Bad UX is Bad Security: Adventures in Qubes OS UX Design&lt;/a&gt; by Marta Marczykowska-Górecka at FOSDEM 2024&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2024/schedule/event/fosdem-2024-3509-penpot-2-0-is-here-/"&gt;Penpot 2.0 is here!&lt;/a&gt; by Pablo Ruiz-Múzquiz at FOSDEM 2024&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2023/schedule/event/accessibility_and_open_source/"&gt;Accessibility &amp;amp; Open Source: How open source is key to building a more inclusive world&lt;/a&gt; by Mike Gifford at FOSDEM 2023&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2022/schedule/event/osd_lessons_learned_from_open_sourcing_the_orbit_docs/"&gt;Documenting a Design System: Lessons learned from open sourcing the Orbit docs&lt;/a&gt; by Aaron Collier at FOSDEM 2022&lt;/p&gt;
&lt;p&gt;&lt;a href="https://archive.fosdem.org/2020/schedule/event/open_source_design_africa/"&gt;Open Source Design movement in Africa&lt;/a&gt; by Peace Ojemeh at FOSDEM 2020&lt;/p&gt;
&lt;h2 id="what-is-the-talk-format"&gt;What is the talk format?&lt;/h2&gt;
&lt;p&gt;In 2026, all talks at the Open Source Design devroom would be in-person and recorded/streamed. You will have the stage for 25 minutes in total, so you can have a 20-minute talk with 5 minutes for questions from the audience, or a 25-minute talk with no questions. Talks cannot be longer than 25 mins otherwise you get gently moved off &amp;lsquo;stage&amp;rsquo;. If you have a longer talk that is interactive, we can consider allocating you 45 minutes for two talk slots but this is a rare likihood.&lt;/p&gt;
&lt;h2 id="how-can-i-submit-a-talk"&gt;How can I submit a talk?&lt;/h2&gt;
&lt;p&gt;Talk submissions will be sent directly to &lt;a href="https://pretalx.fosdem.org/fosdem-2026/cfp"&gt;FOSDEM&amp;rsquo;s Pretalx system&lt;/a&gt;. Submissions for talks must select &lt;strong&gt;&amp;lsquo;Open Source Design&amp;rsquo;&lt;/strong&gt; under &lt;strong&gt;&amp;lsquo;Track&amp;rsquo;&lt;/strong&gt;.
&lt;a href="https://pretalx.fosdem.org/fosdem-2026/cfp"&gt;https://pretalx.fosdem.org/fosdem-2026/cfp&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;There the &lt;a href="https://discourse.opensourcedesign.net/t/open-source-design-core-team/888"&gt;Open Source Design Core Maintainer team&lt;/a&gt; will review talks and accept and reject. We should have space for around 6 20 min talks in the afternoon. You can request a certain time slot, earlier in the afternoon or later in the afternoon but please be aware this will be on a first come first serve basis and subsequent changes once given a slot must be discussed with the other speaker you want to swap with. Additionally we need you to be in the room for 15-20 mins before your talk (or attend the talk before hand) as the room can get quite full and it&amp;rsquo;s hard to set you up as a speaker if you&amp;rsquo;re stuck outside the room.&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;re investigating how we can fund a sign language interpreter or live captioning for 2026. To help fund this or discuss what you can offer in terms of support please contact &lt;a href="mailto:core@opensourcedesign.net"&gt;core@opensourcedesign.net&lt;/a&gt;&lt;/p&gt;
&lt;h2 id="whats-the-deadline"&gt;What&amp;rsquo;s the deadline?&lt;/h2&gt;
&lt;p&gt;Submission of talks must be done by the end of November 2025&lt;/p&gt;
&lt;p&gt;Accepted talks would be announced latest in &lt;strong&gt;December 2025&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;All deadlines are 23:59 UTC. If your talk is accepted, an Open Source Design volunteer will keep in touch with you to help you meet deadlines and with any technical difficulties you may face.&lt;/p&gt;
&lt;h2 id="additional-information"&gt;Additional information&lt;/h2&gt;
&lt;p&gt;Be sure to read the &lt;a href="https://fosdem.org/2024/practical/conduct/"&gt;FOSDEM Code of Conduct&lt;/a&gt;.&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/events/2025-10-01-fosdem-cfp-2026/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Events</category></item><item><title>UI/UX &amp; Interaction Designer (Remote/Europe)</title><link>https://opensourcedesign.net/jobs/ui-ux-interaction-designer-remote-europe/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ui-ux-interaction-designer-remote-europe/</guid><pubDate>Fri, 19 Sep 2025 11:56:36 +0000</pubDate><dc:creator>Collabora Online</dc:creator><description>Collabora Productivity build Collabora Online - an open source, in-browser, interoperable, feature-rich, enterprise document collaboration suite.
We’re looking for a UI/UX Designer to collaborate with our management team as well as our engineers to define and implement innovative solutions for product direction, visuals, and user experience. You will be part of a two person design team within engineering and design new features and improvements to our software, with focus on user-system interaction. You ideally have an interest in open source as well as understanding of software-enterprise business and are good at solving problems creatively, effectively and independently.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Collabora Online&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX, UI, interaction design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Collabora Productivity build Collabora Online - an open source, in-browser, interoperable, feature-rich, enterprise document collaboration suite.&lt;/p&gt;
&lt;p&gt;We’re looking for a UI/UX Designer to collaborate with our management team as well as our engineers to define and implement innovative solutions for product direction, visuals, and user experience. You will be part of a two person design team within engineering and design new features and improvements to our software, with focus on user-system interaction. You ideally have an interest in open source as well as understanding of software-enterprise business and are good at solving problems creatively, effectively and independently.&lt;/p&gt;
&lt;p&gt;Responsibilities:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Conceptualize original ideas that bring simplicity and user-friendliness to complex design requirements, while keeping functionality&lt;/li&gt;
&lt;li&gt;Execute all visual design stages from user research, through ideation and hand-off to engineering&lt;/li&gt;
&lt;li&gt;Closely communicate, collaborate and work iteratively with relevant engineers&lt;/li&gt;
&lt;li&gt;Create wireframes and mockups with specifications to effectively communicate interaction and design ideas&lt;/li&gt;
&lt;li&gt;Conduct user research and evaluate user feedback&lt;/li&gt;
&lt;li&gt;Establish and promote design guidelines, train engineers in best practices, and standards&lt;/li&gt;
&lt;li&gt;Manage delivery timelines, resources, and risk assessments&lt;/li&gt;
&lt;li&gt;Help to fill holes in icon surface from metaphor to consistent icon.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Requirements:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Degree in design, interaction design, or a related field is preferred – or equivalent experience.&lt;/li&gt;
&lt;li&gt;UI/UX design experience with a strong portfolio and excellent visual design skills&lt;/li&gt;
&lt;li&gt;Analytical skills and ability to work in a complex environment&lt;/li&gt;
&lt;li&gt;Can-do attitude and solution focus as well as commitment and strong work ethic&lt;/li&gt;
&lt;li&gt;Excellent communication skills in English, additional languages beneficial&lt;/li&gt;
&lt;li&gt;Substantial European Timezone overlap&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Desirable but not required skills:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;CSS experience, some JavaScript knowledge&lt;/li&gt;
&lt;li&gt;git revision control experience&lt;/li&gt;
&lt;li&gt;Linux command-line &amp;amp; desktop experience&lt;/li&gt;
&lt;li&gt;Office Productivity software experience&lt;/li&gt;
&lt;li&gt;Project management experience with small teams of engineers&lt;/li&gt;
&lt;li&gt;Account management experience&lt;/li&gt;
&lt;li&gt;Willingness to travel to conferences &amp;amp; give product &amp;amp; design presentations &amp;hellip;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;What we offer:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A fun and growing team with a passion for open source&lt;/li&gt;
&lt;li&gt;A legacy rich product with deep opportunities for improvement that is used by millions&lt;/li&gt;
&lt;li&gt;A competitive salary&lt;/li&gt;
&lt;li&gt;Flexibility for a healthy work-life balance&lt;/li&gt;
&lt;li&gt;Remote first, 100% work from home (modulo annual conferences &amp;amp; business travel)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We are looking for somebody with ambition and drive, who would like to grow and learn. Send in your CV as above, if you are interested in this role, and thank-you for reading this far!&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;ben.toynton@collabora.com&lt;/li&gt;&lt;li&gt;https://jobs.lever.co/collabora/9829e319-e3b1-431e-b360-af9c8d10adb5&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ui-ux-interaction-designer-remote-europe/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ux</category><category>ui</category><category>interaction design</category><category>Jobs</category></item><item><title>Design a Logo and branding for a not-for-profit, therapy Worker Cooperative social enterprise</title><link>https://opensourcedesign.net/jobs/design-a-logo-and-branding-for-a-not-for-profit-therapy-worker-cooperative-social-enterprise/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/design-a-logo-and-branding-for-a-not-for-profit-therapy-worker-cooperative-social-enterprise/</guid><pubDate>Thu, 18 Sep 2025 21:51:43 +0000</pubDate><dc:creator>Common Ground Therapy</dc:creator><description>Logo design, Branding of a design or visual language that we can use to create our website
Compensation: gratis / minimal expenses
Hello and thank you for reading,
We are a south east London-based start up trying to get a website up and running as the next step in developing our project.
Our goal is to make therapy space more accessible to local therapists and in turn make therapy and better mental health support more accessible to minoritised local communities in the south-east London area.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Common Ground Therapy&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design, Branding of a design or visual language that we can use to create our website&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Logo design, Branding of a design or visual language that we can use to create our website&lt;/p&gt;
&lt;p&gt;Compensation: gratis / minimal expenses&lt;/p&gt;
&lt;p&gt;Hello and thank you for reading,&lt;/p&gt;
&lt;p&gt;We are a south east London-based start up trying to get a website up and running as the next step in developing our project.&lt;/p&gt;
&lt;p&gt;Our goal is to make therapy space more accessible to local therapists and in turn make therapy and better mental health support more accessible to minoritised local communities in the south-east London area.&lt;/p&gt;
&lt;p&gt;I am writing in the hope that you might be interested in supporting our project which needs logo and branding support. We are not particularly proficient with tech and design jargon but we try our best!&lt;/p&gt;
&lt;p&gt;We have a range of ideas that we can forward that should help a lot to shape the logo design and the design language that we can use. However there is nothing we are ‘married to’ – we are very open to people’s creativity regarding our design and very grateful for any input offered.&lt;/p&gt;
&lt;p&gt;Our project is yet to draw any start-up money or make any income, and the work of developing is only done on a voluntary basis. We are made up of 2 people, one of whom is risking financial hardship. Because of this we are trying where ever possible to keep our costs low via the generosity and support of fellow service cooperatives and social enterprises.&lt;/p&gt;
&lt;p&gt;We have tried to raise funds but are now waylaid by a recruitment push due to the loss of one member following bereavements.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.therapy.coop"&gt;https://www.therapy.coop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.baatn.org.uk/job/common-ground-therapy-worker-cooperative-south-east-london-part-time-join-londons-only-therapy-cooperative-common-ground-therapy-is-a-worker-cooperative-social-enterprise-which-is-seeking/"&gt;Job listing on baatn.org.uk&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Best wishes,&lt;/p&gt;
&lt;p&gt;Common Ground Therapy&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Nicholas&lt;/li&gt;&lt;li&gt;www.therapy.coop
https://www.baatn.org.uk/job/common-ground-therapy-worker-cooperative-south-east-london-part-time-join-londons-only-therapy-cooperative-common-ground-therapy-is-a-worker-cooperative-social-enterprise-which-is-seeking/
&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/design-a-logo-and-branding-for-a-not-for-profit-therapy-worker-cooperative-social-enterprise/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>design system</category><category>Jobs</category></item><item><title>We'd like a children's book for TUF!</title><link>https://opensourcedesign.net/jobs/wed-like-a-childrens-book-for-tuf/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/wed-like-a-childrens-book-for-tuf/</guid><pubDate>Thu, 28 Aug 2025 13:01:00 +0000</pubDate><dc:creator>TUF (The Update Framework)</dc:creator><description>Want to make a children’s book?
The TUF project (a Linux Foundation project under the Cloud Native Computing Foundation) is used to secure a huge swatch of cloud systems, programming languages (Python, Rust), cars, the legal code in Washington DC, Baltimore, etc. Helping us here will help a critical part of the software infrastructure we all rely on.
One comment we’ve heard is that the concepts behind TUF are hard to learn. We really need something to make it easy to understand the system so that we don’t scare off people. We’d be happy to help you to understand TUF so you can make something fun and educational.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; TUF (The Update Framework)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Book&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Want to make a children&amp;rsquo;s book?&lt;/p&gt;
&lt;p&gt;The TUF project (a Linux Foundation project under the Cloud Native Computing Foundation) is used to secure a huge swatch of cloud systems, programming languages (Python, Rust), cars, the legal code in Washington DC, Baltimore, etc. Helping us here will help a critical part of the software infrastructure we all rely on.&lt;/p&gt;
&lt;p&gt;One comment we&amp;rsquo;ve heard is that the concepts behind TUF are hard to learn. We really need something to make it easy to understand the system so that we don&amp;rsquo;t scare off people. We&amp;rsquo;d be happy to help you to understand TUF so you can make something fun and educational.&lt;/p&gt;
&lt;p&gt;There is a history of making children&amp;rsquo;s books in the CNCF, using the project mascots. (For example, &lt;a href="https://www.amazon.com/Phippys-AI-Friend-Workshop-Parents/dp/B0CWYF8JT6"&gt;https://www.amazon.com/Phippys-AI-Friend-Workshop-Parents/dp/B0CWYF8JT6&lt;/a&gt; ) Tai the TUF elephant is our mascot: &lt;a href="https://www.cncf.io/phippy/"&gt;https://www.cncf.io/phippy/&lt;/a&gt; However, using Tai (and the rest of the Phippy and Friends characters) is not a requirement.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;jcappos@nyu.edu&lt;/li&gt;&lt;li&gt;The CNCF Slack ( https://communityinviter.com/apps/cloud-native/cncf ), has a #tuf channel. This is the best place to reach out.&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/wed-like-a-childrens-book-for-tuf/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>book</category><category>Jobs</category></item><item><title>Design our new project logo</title><link>https://opensourcedesign.net/jobs/design-our-new-project-logo/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/design-our-new-project-logo/</guid><pubDate>Sat, 23 Aug 2025 14:16:41 +0000</pubDate><dc:creator>Muchrooms</dc:creator><description>Muchrooms is a new(ish) project, it is a Jabber/XMPP group chat implementation in Rust. It focuses on testing, moderation and privacy. I recently got a grant from NLnet to work on it.
The design work would consist in creating a logo (vectorised) for the project to use.
I am not much of a design person and I’m not sure what directions to set, feel free to ask more questions and propose ideas yourself.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Muchrooms&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Muchrooms is a new(ish) project, it is a Jabber/XMPP group chat implementation in Rust. It focuses on testing, moderation and privacy. I recently got a grant from NLnet to work on it.&lt;/p&gt;
&lt;p&gt;The design work would consist in creating a logo (vectorised) for the project to use.&lt;/p&gt;
&lt;p&gt;I am not much of a design person and I&amp;rsquo;m not sure what directions to set, feel free to ask more questions and propose ideas yourself.&lt;/p&gt;
&lt;p&gt;Jabber/XMPP is a standard communication protocol. It features at its core federation and extensibility. It would be nice for this to be reflected in the work.&lt;/p&gt;
&lt;p&gt;I have in mind either various islands of mushrooms linked together somehow.
Or, some variant of the XMPP logo overrun by mycelium.&lt;/p&gt;
&lt;p&gt;I don&amp;rsquo;t want the logo to look too realistic visually (as in, close to a photograph).&lt;/p&gt;
&lt;p&gt;Even though I do have a grand for working on the project, I regret not to have factored this in, and this is the little I can spare with nonexistent salary otherwise.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;pep &amp;lt;pep@bouah.net&amp;gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/design-our-new-project-logo/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>design</category><category>xmpp</category><category>mushrooms</category><category>Jobs</category></item><item><title>Design a logo for django-commons</title><link>https://opensourcedesign.net/jobs/design-a-logo-for-django-commons/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/design-a-logo-for-django-commons/</guid><pubDate>Sat, 19 Jul 2025 13:46:10 +0000</pubDate><dc:creator>django-commons</dc:creator><description>Django Commons is an organization dedicated to supporting the community’s efforts to maintain packages. It seeks to improve the maintenance experience for all contributors; reducing the barrier to entry for new contributors and reducing overhead for existing maintainers.
It has currently 17 packages and growing. The logo should represents the values of the organization</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; django-commons&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Django Commons is an organization dedicated to supporting the community&amp;rsquo;s efforts to maintain packages. It seeks to improve the maintenance experience for all contributors; reducing the barrier to entry for new contributors and reducing overhead for existing maintainers.&lt;/p&gt;
&lt;p&gt;It has currently 17 packages and growing. The logo should represents the values of the organization&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Daniel Moran (daniel@moransoftware.ca)&lt;/li&gt;&lt;li&gt;Existing logo: https://github.com/django-commons&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/design-a-logo-for-django-commons/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>Jobs</category></item><item><title>UX/UI Designer Wanted for Open-Source Second-Brain App (VOID)</title><link>https://opensourcedesign.net/jobs/ux-ui-designer-wanted-for-open-source-second-brain-app-void/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ux-ui-designer-wanted-for-open-source-second-brain-app-void/</guid><pubDate>Wed, 16 Jul 2025 22:21:54 +0000</pubDate><dc:creator>VOID</dc:creator><description>VOID is an open-source, local-first second-brain app built with Rust, Vue, and Tauri - inspired by Notion and Obsidian, but designed to be truly yours.
We’re looking for a UX/UI designer to help shape the user experience and visual identity of the app as we move toward our first public alpha. The work includes designing the core editing interface (WYSIWYG Markdown editor), dashboard layout system, theming, plugin system UX, and improving overall visual clarity and usability.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; VOID&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UX/UI Design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;VOID is an open-source, local-first second-brain app built with Rust, Vue, and Tauri - inspired by Notion and Obsidian, but designed to be truly yours.&lt;/p&gt;
&lt;p&gt;We’re looking for a UX/UI designer to help shape the user experience and visual identity of the app as we move toward our first public alpha. The work includes designing the core editing interface (WYSIWYG Markdown editor), dashboard layout system, theming, plugin system UX, and improving overall visual clarity and usability.&lt;/p&gt;
&lt;p&gt;You’ll be working closely with a passionate solo developer who’s building this as a full-time commitment, with the support of a small team ready to assist when needed.&lt;/p&gt;
&lt;p&gt;We aim to create something beautiful, powerful, and fully hackable - and your input can shape how people use knowledge tools in the future.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Egor (lead dev) ghostoftranshumanist@gmail.com&lt;/li&gt;&lt;li&gt;GitHub: https://github.com/WTWB-none/void
Current tasks board: https://github.com/users/WTWB-none/projects/3&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ux-ui-designer-wanted-for-open-source-second-brain-app-void/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>open source</category><category>ui</category><category>ux</category><category>tauri</category><category>vue</category><category>rust</category><category>markdown</category><category>second-brain</category><category>design system</category><category>plugin-architecture</category><category>self-hosted</category><category>local-first</category><category>obsidian</category><category>notion</category><category>codemirror</category><category>theming</category><category>Jobs</category></item><item><title>Branding for Open Music Games Organization</title><link>https://opensourcedesign.net/jobs/branding-for-open-music-games-organization/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/branding-for-open-music-games-organization/</guid><pubDate>Sat, 05 Jul 2025 15:05:17 +0000</pubDate><dc:creator>Open Music Games Organization</dc:creator><description>About Us: Open Music Games Organization is a voluntary small growing collective of karaoke geeks who continuously unite developers of open source scene to make high quality sing and band games. We are based in Germany and are founded in 2023. We provide the Open Music Games Hub - a central info portal for all music games that share one open source song format. And we maintain the worldwide popular ultrastar song format standard. We need: A professional logo for the organization to get a more serious and official image.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Open Music Games Organization&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design &amp;amp; branding&lt;/p&gt;&lt;/div&gt;&lt;p&gt;About Us:
Open Music Games Organization is a voluntary small growing collective of karaoke geeks who continuously unite developers of open source scene to make high quality sing and band games. We are based in Germany and are founded in 2023.
We provide the Open Music Games Hub - a central info portal for all music games that share one open source song format. And we maintain the worldwide popular ultrastar song format standard.
We need:
A professional logo for the organization to get a more serious and official image.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Marwin (Founder) contact@open-music-games.org&lt;/li&gt;&lt;li&gt;https://open-music-games.org/news/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/branding-for-open-music-games-organization/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>games</category><category>Jobs</category></item><item><title>activist.org platform design support</title><link>https://opensourcedesign.net/jobs/activist-org-platform-design-support/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/activist-org-platform-design-support/</guid><pubDate>Sat, 31 May 2025 12:48:47 +0000</pubDate><dc:creator>activist</dc:creator><description>The activist community is actively developing the platform activist.org, a platform that enables more people to safely engage in activism by making it easy to discover organizations and events as well as coordinate and collaborate on political action. We want to enable activists to learn proven and novel strategies from each other for social and ecological change. Free, open-source, privacy-focused and governed by our community.
We’re looking for general design support for the development of the platform. The current Figma designs can be found via the following link:</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; activist&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Web design, UI/UX design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;The &lt;a href="https://github.com/activist-org/activist"&gt;activist community&lt;/a&gt; is actively developing the platform activist.org, a platform that enables more people to safely engage in activism by making it easy to discover organizations and events as well as coordinate and collaborate on political action. We want to enable activists to learn proven and novel strategies from each other for social and ecological change. Free, open-source, privacy-focused and governed by our community.&lt;/p&gt;
&lt;p&gt;We&amp;rsquo;re looking for general design support for the development of the platform. The current Figma designs can be found via the following link:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.figma.com/design/I9McFfaLu1RiiWp5IP3YjE/activist_public_designs?node-id=805-231&amp;amp;t=d1juzOkj8Yev6h94-1"&gt;https://www.figma.com/design/I9McFfaLu1RiiWp5IP3YjE/activist_public_designs?node-id=805-231&amp;amp;t=d1juzOkj8Yev6h94-1&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;There are many parts of the designs that haven&amp;rsquo;t been finalized yet, and lots of minor issues that have been fixed in the code, but haven&amp;rsquo;t been updated in the designs. The goal would be to develop relationships with one or more designers so that we can collaborate as needed. The idea would be that we&amp;rsquo;d use our private Figma file and once designs are finished they&amp;rsquo;ll be moved over to the public one :)&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Andrew (Initiator) &amp;lt;andrew@activist.org&amp;gt;&lt;/li&gt;&lt;li&gt;- GitHub: https://github.com/activist-org
- Figma designs: https://www.figma.com/design/I9McFfaLu1RiiWp5IP3YjE/activist_public_designs?node-id=805-231&amp;amp;t=CYrxkpVTdKfRei2n-1
- Website: https://activist.org/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/activist-org-platform-design-support/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>web design</category><category>ui</category><category>ux</category><category>Jobs</category></item><item><title>Scribe website media and application design support</title><link>https://opensourcedesign.net/jobs/scribe-website-media-and-application-design-support/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/scribe-website-media-and-application-design-support/</guid><pubDate>Sat, 31 May 2025 12:48:36 +0000</pubDate><dc:creator>Scribe</dc:creator><description>The Scribe community makes Wikidata powered language learning applications. Our main applications are an iOS and soon to be released Android application that has keyboards for second language learners with functionalities like translation, verb conjugation and noun annotation to learn genders. As a community we’re looking for design support to help us with the launch of our website at scri.be as well as designs for the applications that we work on. The current Figma designs can be found via the following link:</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Scribe&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Web design, App design, UI/UX design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;The &lt;a href="https://github.com/scribe-org"&gt;Scribe community&lt;/a&gt; makes Wikidata powered language learning applications. Our main applications are an iOS and soon to be released Android application that has keyboards for second language learners with functionalities like translation, verb conjugation and noun annotation to learn genders. As a community we&amp;rsquo;re looking for design support to help us with the launch of our website at scri.be as well as designs for the applications that we work on. The current Figma designs can be found via the following link:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.figma.com/design/c8945w2iyoPYVhsqW7vRn6/scribe_public_designs?node-id=405-464&amp;amp;t=O3gKSy9ty3eG7pUC-1"&gt;https://www.figma.com/design/c8945w2iyoPYVhsqW7vRn6/scribe_public_designs?node-id=405-464&amp;amp;t=O3gKSy9ty3eG7pUC-1&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The goal would be to develop relationships with one or more designers so that we can collaborate as needed. The idea would be that we&amp;rsquo;d make a private Figma file and once designs are finished they&amp;rsquo;ll be moved over to the public one :)&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Andrew (Initiator) &amp;lt;andrew@scri.be&amp;gt;&lt;/li&gt;&lt;li&gt;- GitHub: https://github.com/scribe-org
- Figma designs: https://www.figma.com/design/c8945w2iyoPYVhsqW7vRn6/scribe_public_designs?node-id=405-464&amp;amp;t=O3gKSy9ty3eG7pUC-1
- Website: https://scri.be/ (not released yet)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/scribe-website-media-and-application-design-support/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>web design</category><category>app design</category><category>ui</category><category>ux</category><category>Jobs</category></item><item><title>FakeRedis branding (logo, documentation design, etc.)</title><link>https://opensourcedesign.net/jobs/fakeredis-branding-logo-documentation-design-etc/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/fakeredis-branding-logo-documentation-design-etc/</guid><pubDate>Sun, 18 May 2025 13:10:34 +0000</pubDate><dc:creator>fakeredis</dc:creator><description>FakeRedis has ~5 million downloads/month - it is heavily used by the python community and about time it has its own branding.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; fakeredis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Logo design and branding&lt;/p&gt;&lt;/div&gt;&lt;p&gt;FakeRedis has ~5 million downloads/month - it is heavily used by the python community and about time it has its own branding.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Daniel &amp;lt;daniel@moransoftware.ca&amp;gt;&lt;/li&gt;&lt;li&gt;https://fakeredis.readthedocs.io/en/latest/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/fakeredis-branding-logo-documentation-design-etc/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>logo</category><category>branding</category><category>Jobs</category></item><item><title>FOSS Backstage 2025: wrap up</title><link>https://opensourcedesign.net/events/foss-backstage-2025/</link><guid isPermaLink="true">https://opensourcedesign.net/events/foss-backstage-2025/</guid><pubDate>Tue, 13 May 2025 00:00:00 +0000</pubDate><dc:creator>Eriol Fox</dc:creator><author>Eriol Fox</author><description>FOSS Backstage 2025 wrap up recap Open Source Design @ FOSS Backstage signs outside of FOSS Backstage's venue entrance FOSS Backstage in 2025 has now been running since 2017 and FOSS Backstage Design is now in its second year. FOSS backstage is held in Berlin (and online) typically in early March and in 2025 it was held on March 10th and 11th and FOSS Backstage Design was on the 12th of March 2025.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Date:&lt;/strong&gt; 10–12 March 2025&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Location:&lt;/strong&gt; Berlin, Germany&lt;/p&gt;&lt;/div&gt;&lt;h2 id="foss-backstage-2025-wrap-up-recap"&gt;FOSS Backstage 2025 wrap up recap&lt;/h2&gt;
&lt;h3 id="open-source-design--foss-backstage"&gt;Open Source Design @ FOSS Backstage&lt;/h3&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_4ae6f1acd30636b7.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_29cb246573fa4991.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_77dbc121ccda0534.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_3507cc1ab2ffed52.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_881fc7eff812ef96.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_4551a4051f892214.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-signs_hu_2380125e8298c01e.jpg"
alt="signs outside of FOSS Backstage&amp;rsquo;s venue entrance"
title="signs outside of FOSS Backstage&amp;#39;s venue entrance"
loading="eager"
fetchpriority="high"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;signs outside of FOSS Backstage&amp;#39;s venue entrance&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;FOSS Backstage in 2025 has now been running since 2017 and FOSS Backstage Design is now in its second year. FOSS backstage is held in Berlin (and online) typically in early March and in 2025 it was held on March 10th and 11th and FOSS Backstage Design was on the 12th of March 2025.&lt;/p&gt;
&lt;p&gt;This year, Open Source Design was able to support FOSS Backstage Design by using our community open collective fund to ensure the day had the same venue as FOSS Backstage’s main track. You can find more information about the costs on our &lt;a href="https://opencollective.com/opensourcedesign/expenses"&gt;Open Collective page&lt;/a&gt; as well as &lt;a href="https://discourse.opensourcedesign.net/t/monthly-open-source-design-call/253"&gt;discussed in our monthly community meeting&lt;/a&gt; and the &lt;a href="https://discourse.opensourcedesign.net/t/foss-backstage-design-2025/4016/7"&gt;FOSS Backstage organisers maintained a forum thread in the lead up to the event&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;As for the decision to spend our funds this way, there were extensive discussions held by the &lt;a href="https://discourse.opensourcedesign.net/t/open-source-design-core-team/888"&gt;core maintainer team&lt;/a&gt; in a group chat we maintain privately from the wider community in order to discuss any matters that would require secure conversations (e.g. so as not to risk leaking login information etc.) There were mixed views on supporting these costs but ultimately, when asked the majority of active core team maintainers for open source design as well as the wider community members asked in Jan 2025 / Feb 2025’s community meetings were in favour of Open Source Design using it’s collected funds to ensure that this event had a venue that was accessible to those that wanted to attend. Offering this funding also allowed us to speak a little on open source design’s mission and goals as a community to the audience in attendance and show public support for any organisation holding meetings, events and conferences that platform design in open source and open source design in the FOSS community.&lt;/p&gt;
&lt;p&gt;This articles author &lt;a href="https://discourse.opensourcedesign.net/u/erioldoesdesign/summary"&gt;(Eriol Fox)&lt;/a&gt; self-funded their own attendance to FOSS Backstage 2025 and FOSS Backstage Design 2025 so that they could write this article for Open Source Design’s community and also ensure that Open Source Design Community was represented at the event. Eriol is also part of the &lt;a href="https://25.foss-backstage.de/program-committee/"&gt;Program Committee of FOSS Backstage and has been for 2 years&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://25.foss-backstage.design/news/barcamp-recap/"&gt;Read the recap from the FOSS Backstage conference organisers here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_a066ab3bf92eb0fe.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_ac696f481d38ea4b.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_6eb71449bc50496f.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_acfc2ffd6a45e913.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_c4354abc289ded60.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_5bdcce2fe24b6384.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tobias-and-the-tech_hu_9c3304f5793be0ef.jpg"
alt="a speaker and the tech behind the speaker"
title="a speaker and the tech behind the speaker"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;a speaker and the tech behind the speaker&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="the-design-talks-for-foss-backstage"&gt;The design talks for FOSS backstage&lt;/h2&gt;
&lt;p&gt;This year FOSS Backstage not only ran a day of design (FOSS Backstage Design) but also had a number of design talks throughout the main 2 day conference. These talks included topics around the usability of critical civic crisis technologies, how OSS organisations are understanding and building out their design processes for the wider community, the importance of cultural contexts with language orientation, design for command line interfaces and how open source designers are building out community learning resources so that more designers can be onboarded into OSS contribution.&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_28c3bf97fd8c7e7a.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_7041fb88918ce005.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_e86fe01e2653986c.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_e428af7781268f89.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_23ac9e92ad8af343.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_7523637dda808bcb.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Miruna_hu_d070991c0d9db561.jpg"
alt="Building Resilience:UX Strategies for Crisis-Responsive Tech by Miruna Muscan"
title="Building Resilience:UX Strategies for Crisis-Responsive Tech by Miruna Muscan"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Building Resilience:UX Strategies for Crisis-Responsive Tech by Miruna Muscan&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="building-resilienceux-strategies-for-crisis-responsive-tech-by-miruna-muscan"&gt;Building Resilience:UX Strategies for Crisis-Responsive Tech by Miruna Muscan&lt;/h3&gt;
&lt;p&gt;Miruna shares the story behind &lt;a href="https://www.commitglobal.org/en"&gt;Commit Global&amp;rsquo;s&lt;/a&gt; legal guidance module, designed from the ground up to address the urgent needs of refugees at the Ukrainian border. Built with inclusive UX principles, The legal guidance tool adapts to evolving needs in real time, making complex information accessible and straightforward. Through live testing, human-centered design, and research on the ground, Commit Global developed a humanitarian digital framework that doesn’t just respond to user needs, but rather it anticipates them. One of the key elements of Miruna’s talk is about how technology that really helps people is rarely the ‘cutting edge’ or trendy technology but rather technology that is user focused.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=GGkr2Z5nh2Q&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=27"&gt;Watch Miruna Muscan’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_c780c0227682a2a2.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_3ec360fe397c9e62.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_431d545b1c64697a.avif 1366w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_a5dd3e354a5db94f.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_26750415ab86f793.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola_hu_8abb413416553e88.webp 1366w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-nina-leia-kola.jpg"
alt="Bridging the Gap Between Designers &amp;amp; Open Source Communities by Nina Rojc, Leia Ruffini, Kola Ojoodide"
title="Bridging the Gap Between Designers &amp;amp; Open Source Communities by Nina Rojc, Leia Ruffini, Kola Ojoodide"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1366"
height="2048"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Bridging the Gap Between Designers &amp;amp; Open Source Communities by Nina Rojc, Leia Ruffini, Kola Ojoodide&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="bridging-the-gap-between-designers--open-source-communities-by-nina-rojc-leia-ruffini-kola-ojoodide"&gt;Bridging the Gap Between Designers &amp;amp; Open Source Communities by Nina Rojc, Leia Ruffini, Kola Ojoodide&lt;/h3&gt;
&lt;p&gt;Nina, Leia and Kola explore the challenges of design contribution in open source projects and the issues faced by designers and maintainers. They conducted a survey with both designers and open source maintainers, as well as in-depth interviews with several designers to get a closer look at their experiences.
In the talk they share key findings, including the biggest obstacles designers face - like the intimidating nature of contribution platforms, confusing documentation, and a lack of clear entry points. They then move onto practical strategies to overcome these challenges. These findings then inform work that the team hopes to share widely with the OSS community in order to alleviate some of the challenges identified in the surveys and interviews across the research.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=5kq2emKppSc&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=47"&gt;Watch Nina, Leia and Kola’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_993acf47f77ae32f.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_ea5b806235a10156.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_1ae2329e6c263436.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_9a02f3f8f2c9658.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_97238398d8d2f314.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_65bb65538f9e90d0.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Batool-Goodnews-Ritchie_hu_1214eb031d1c8917.jpg"
alt="Right-to-Left, Left-to-Right: Rethinking Multilingual Design by Batool Almarzouq, Goodnews Sunday Sandy, Richie Moluno"
title="Right-to-Left, Left-to-Right: Rethinking Multilingual Design by Batool Almarzouq, Goodnews Sunday Sandy, Richie Moluno"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Right-to-Left, Left-to-Right: Rethinking Multilingual Design by Batool Almarzouq, Goodnews Sunday Sandy, Richie Moluno&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="right-to-left-left-to-right-rethinking-multilingual-design-by-batool-almarzouq-goodnews-sunday-sandy-richie-moluno"&gt;Right-to-Left, Left-to-Right: Rethinking Multilingual Design by Batool Almarzouq, Goodnews Sunday Sandy, Richie Moluno&lt;/h3&gt;
&lt;p&gt;Batool, Goodnews and Richie detailed the importance of careful and considerate design of multilingual technologies. When designers create interfaces without an understanding how these interfaces are used and read in a language with a right-to-left reading direction like Arabic , there will be minor misunderstandings at best and a completely unusable technology/interface at worst. In addition, “default”, english-based text display and critical UI interaction elements can mislead a user (e.g. a ‘back’ button being placed in a top left or left hand side of the screen from left-to-right users). These default placements mean that those reading right-to-left are working harder to ‘figure out’ the logic of left-to-right reading and contexts. This talk is a must watch for those interested in fully inclusive design across languages.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=mNI-TI2aCbY&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=48"&gt;Watch Batool, Goodnews and Richie’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_59e9cb29b79bb9ac.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_82af913ad9c7b0ca.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_d2439749497d23ac.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_a31ef95459296d5b.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_3fa0a2332fc9c2db.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_f42ea085cd81fff7.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Christoph-Eriol_hu_25b2100bd618d036.jpg"
alt="Open Design Guide by Christoph Ono, Eriol Fox"
title="Open Design Guide by Christoph Ono, Eriol Fox"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Open Design Guide by Christoph Ono, Eriol Fox&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="open-design-guide-by-christoph-ono-eriol-fox"&gt;Open Design Guide by Christoph Ono, Eriol Fox&lt;/h3&gt;
&lt;p&gt;This talk introduced the &lt;a href="https://opendesign.guide/"&gt;opendesign.guide&lt;/a&gt; which is a project created and maintained by designers across the &lt;a href="https://bitcoin.design/"&gt;bitcoin design&lt;/a&gt; community. The purpose of the open design guide grew from the speakers spending time over the years mentoring and supporting designers new to OSS to get into contributing. Both the speakers wished that there were public and comprehensive resources to help them through the mentoring process but writing guides and resources about how OSS works and how you can contribute design to OSS is nuanced and specific to each designer. Most of the problems then, with writing guides, is that a guide written by one designer about their perspective will not be broad enough for the wider OSS community. With the Open Design Guide, AI was used to write the first version and then it was edited, improved and built upon by holding ‘reading group’ community calls.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=VUofVwvgWuU&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=40"&gt;Watch Christoph and Eriol’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_a08f24de386a192c.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_173509ad8daf237.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_9b9edc36d17ee6d0.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_43df4cc3f684bca8.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_459f89c08b233e72.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_91611565d6263dd8.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Hartmut_hu_cd3635c57b1f89b0.jpg"
alt="Designing is for GUIs only? CLI Design as a shared practice by Hartmut Obendorf"
title="Designing is for GUIs only? CLI Design as a shared practice by Hartmut Obendorf"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Designing is for GUIs only? CLI Design as a shared practice by Hartmut Obendorf&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="designing-is-for-guis-only-cli-design-as-a-shared-practice-by-hartmut-obendorf"&gt;Designing is for GUIs only? CLI Design as a shared practice by Hartmut Obendorf&lt;/h3&gt;
&lt;p&gt;OSS projects are used to not having a designer. What would you ask one if you had them available? To look at your Command Line Interface? (CLI) This is exactly what you should do!
In this talk, Hartmut goes into depth about how information architecture and conceptual architecture is critical in designing for command line interfaces . This dives deep into the use of ‘experts’ that interact with OSS primarily through prompts in the terminal. The command line is an environment that changes its state continuously, making a good design both important and challenging. Designing for command line interfaces also grapples with the assumption that ‘design’ is not needed, therefore advocating for usability and accessibility in the command line is difficult. Watch this talk to get some great guidance on how to start designing for text-based interfaces.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=1D_8HnsfWkU&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=41"&gt;Watch Hartmut’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_ac2087e4451d4f3a.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_20fb408fa6f36a3f.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_587d086927a0207.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_174248cb7bf41f3c.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_60f6754258cf40fe.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_66851e844da1acc3.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Oluwadunsin-Kingsley_hu_128eb8ae63c5b224.png"
alt="Onboarding Designers into Open Source Projects by Oluwadunsin Emmanuel Omole and Kingsley Mkpandiok"
title="Onboarding Designers into Open Source Projects by Oluwadunsin Emmanuel Omole and Kingsley Mkpandiok"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="789"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Onboarding Designers into Open Source Projects by Oluwadunsin Emmanuel Omole and Kingsley Mkpandiok&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="onboarding-designers-into-open-source-projects-by-oluwadunsin-emmanuel-omole-and-kingsley-mkpandiok"&gt;Onboarding Designers into Open Source Projects by Oluwadunsin Emmanuel Omole and Kingsley Mkpandiok&lt;/h3&gt;
&lt;p&gt;For Open Source Software, developer contributions are essential. While involvement of developers is often thought about, projects are not always prepared to integrate designers. This talk uses CHAOSS, the “Community Health Analytics in Open Source Software”, as a case study, exploring successful strategies used by the CHAOSS Africa design team to create an inclusive and productive environment for designers in open source. We will examine the specific challenges faced when integrating designers into a community primarily driven by developers, such as differing workflows, communication styles, and contribution processes.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=agVaQdQmXWs&amp;amp;list=PLq-odUc2x7i-vFcBUZoDxTz9Vyu0Joq0X&amp;amp;index=54"&gt;Watch Oluwadunsin and Kingsley’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_af49f017871fbbfc.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_d495d3d421dec1f.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_c0d5aafcfa9dc1d2.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_25e9735dd5c024bb.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_c1562432554c6b16.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_7ece78fd8ee26056.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-design-sign_hu_8b26c8566a221019.jpg"
alt="FOSS Backstage Design signed, sign"
title="FOSS Backstage Design signed, sign"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1066"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;FOSS Backstage Design signed, sign&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="the-design-talks-for-foss-backstage-design"&gt;The design talks for FOSS Backstage Design&lt;/h2&gt;
&lt;p&gt;FOSS Backstage Design’s day kicked off with three fantastic talks by Martin Keary, Marta Marczykowska-Górecka and Tobias Bernard. All the speakers presented on common design in OSS topics but from their own unique experiences. There are common themes across the talks, from communication across role divides to both designers and developers getting intensely nerdy about their specific domains. The most common thread being that no matter what you’re contributing to the OSS, you&amp;rsquo;re there because you support free and open software and ultimately want it to be used, enjoyed and valuable to any user.&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_e4dd534d1b96eb6a.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_e34c033ff48117c0.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_2881c58ecb758c3a.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_c6425e9b7d849988.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_d15f61fe8a52ca1e.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_25eadaf17d31f880.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-tantacrul_hu_8654cae59342547b.jpg"
alt="Achieving Excellence in Open Source Software Design by Martin Keary"
title="Achieving Excellence in Open Source Software Design by Martin Keary"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1066"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Achieving Excellence in Open Source Software Design by Martin Keary&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="achieving-excellence-in-open-source-software-design-by-martin-keary"&gt;Achieving Excellence in Open Source Software Design by Martin Keary&lt;/h3&gt;
&lt;p&gt;&lt;a href="https://www.martinkeary.com/"&gt;Martin Keary aka Tantacrul&lt;/a&gt; kicked off FOSS Backstage Design with a talk that spanned both valuable general insights into design in open source alongside the specifics of designing for complex interfaces like &lt;a href="https://www.audacityteam.org/"&gt;Audacity&lt;/a&gt; in a way that is incremental and prioritised users’ quick visual understanding of the UI,reducing ‘pop up’ tools and designing more intuitive ways of expressing functions of an interface that matched the human expectations e.g. changing a ‘click to show toolbar to move an audio snippet’ to a click and drag ‘grabbing hand’ icon.. Martin also speaks to designing digital music notations that were accessible and legible both to advanced and new users with &lt;a href="https://musescore.com/"&gt;Musescore&lt;/a&gt; and some very funny moments from usertesting sessions with artist-users trying to puzzle out certain features in Inkscape.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=12TJ-zTgiH0&amp;amp;t=1296s"&gt;Watch Martin Keary’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_df4b7c4a1c3d36ec.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_3c81a571a960957e.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_b8c72078aac792b9.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_be38697b6ea47e98.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_e9111307e363d724.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_bf120152b1141225.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Marta_hu_a89c48e1fc198525.jpg"
alt="Beyond Looking Good: How To Talk To Developers About Design by Marta Marczykowska-Górecka"
title="Beyond Looking Good: How To Talk To Developers About Design by Marta Marczykowska-Górecka"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1066"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;Beyond Looking Good: How To Talk To Developers About Design by Marta Marczykowska-Górecka&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="beyond-looking-good-how-to-talk-to-developers-about-design-by-marta-marczykowska-górecka"&gt;Beyond Looking Good: How To Talk To Developers About Design by Marta Marczykowska-Górecka&lt;/h3&gt;
&lt;p&gt;Marta, who is &lt;a href="https://www.qubes-os.org/"&gt;Qubes&lt;/a&gt; Manager, takes us through some of her experiences working with OSS developers, hackers and activists from the human rights OSS space. Marta speaks about how she advocates for humans in the OSS tech space, talking about how important communication is in the relationships between designers and developers and how to meet developers where they are at in terms of design understanding. Marta gives us practical advice on how to better connect with OSS developers and how to raise your voice as a designer in OSS.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=A2OwHpjULK0&amp;amp;list=PLq-odUc2x7i96d9aKqcf-d47Jy5dYnyIT&amp;amp;index=1"&gt;Watch Marta Marczykowska-Górecka talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_30279f93f74f9772.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_705ac80a30b50929.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_17986c35f497e3eb.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_b251ad587c4db6b2.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_f916a590dbe6e01f.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_81b83d87ee0e7c04.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-Tobias_hu_459f36aebe580512.jpg"
alt="GNOME Design: A Report From the Trenches by Tobias Bernard"
title="GNOME Design: A Report From the Trenches by Tobias Bernard"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;GNOME Design: A Report From the Trenches by Tobias Bernard&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h3 id="gnome-design-a-report-from-the-trenches-by-tobias-bernard"&gt;GNOME Design: A Report From the Trenches by Tobias Bernard&lt;/h3&gt;
&lt;p&gt;Tobias speaks about designing but also being embedded in the Gnome community. Tobias shows how design in FOSS allows it to break the constraints of only being for ‘nerds and hackers’. This evolves into how the design system for gnome applications has enabled both highly usable, accessible and consistent tools across the Gnome ecosystem while also removing the pain of styling those elements being the responsibility of developers. The design system also simplified the app icon design process through well established styles as well. Tobias goes into detail about the way that the design team are involved in projects in Gnome as well as the processes involved, from mock-up and design libraries to the upstream development.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=-aJm05Cj7hs&amp;amp;list=PLq-odUc2x7i96d9aKqcf-d47Jy5dYnyIT&amp;amp;index=2"&gt;Watch Tobias Bernard’s talk here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_da59b5ef7dfa5acd.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_e023c9df6309ad05.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_b968a6d74a28ad78.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_ae8ee56fe243ee25.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_131b37e096a8382f.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_5be36ed83b3a576f.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp_hu_81506cbf2d059ef6.jpg"
alt="A circle of people discussing open source design topics at the barcamp"
title="A circle of people discussing open source design topics at the barcamp"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1067"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;A circle of people discussing open source design topics at the barcamp&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="the-foss-backstage-design-barcamp-aka-pitch-a-discussion-topic-and-then-vote"&gt;The FOSS Backstage Design ‘barcamp’ aka pitch a discussion topic and then vote!&lt;/h2&gt;
&lt;p&gt;After the talks we move into a &lt;a href="https://en.wikipedia.org/wiki/BarCamp"&gt;‘barcamp’&lt;/a&gt; afternoon. All attendees had time to write what kinds of conversations and sessions they wanted to see happen for the remainder of the afternoon. These were then voted on and 3 sessions were run in parallel for 3 1 hour time slots. Notes were taken by volunteers and summaries can be found below.&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_398dfedc5eb6a0a7.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_f9cfa10ce6200731.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_afa23de2933b4917.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_698f7608704908f4.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_3ac896f96c897679.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_c9bcdcf3083a84b9.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-barcamp-sessions_hu_77e1945a74d2d407.jpeg"
alt="The schedule written on a whiteboard"
title="The schedule written on a whiteboard"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1287"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;The schedule written on a whiteboard&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The selected topics are listed below with some sessions having summary notes and others that were more private do not have summaries&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://cloud.plainschwarz.de/index.php/s/SxtHfWrQHQP52iK"&gt;You can read the full collected notes hosted by FOSS Backstage .pdf here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The least you can do: The boring changes that improve UX quickly&lt;/strong&gt;
These tasks are easy to do because they are usually separate from complex coding work. Despite their value, they’re often ignored because they’re not as “exciting” as redesigns or
new features.
Examples of Small, High-Impact Fixes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Accessibility (a11y) improvements – Increasing contrast between text and background.&lt;/li&gt;
&lt;li&gt;Better labelling – Adding labels to icons, ensuring labels are clear and consistent.&lt;/li&gt;
&lt;li&gt;Sharpening icons – Small visual refinements that improve clarity.&lt;/li&gt;
&lt;li&gt;Tooltips &amp;amp; microcopy – Filling in missing descriptions to help users.&lt;/li&gt;
&lt;li&gt;Consistent terminology – Ensuring naming is logical and standardized across the project.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Examples of Successful design work&lt;/strong&gt;
A private discussion where designers in FOSS projects spoke about projects they’ve had experience with and how they would describe and express ‘success’ in those projects.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Measuring design success in a FOSS project&lt;/strong&gt;
This discussion began with defining what success is or can be within any given OSS project. The discussion then moved on to how hard it is to measure success, communication sometimes stops after the design engagement, so designers don&amp;rsquo;t have access to feedback. This then moved onto values, principles, metrics and ways of gathering and finding feedback and how to see the bias in feedback.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Harmful UX patterns and their alternatives&lt;/strong&gt;
Various reasons for harmful UX patterns manipulating users like deliberate attempts to manipulate users to satisfy a business goal or accidental ones, because there isn&amp;rsquo;t enough knowledge/feedback. An example of UX pattern mentioned in one of the talks at FOSS Backstage: Creating addiction (getting people &amp;ldquo;hooked&amp;rdquo;).&lt;/p&gt;
&lt;p&gt;&lt;em&gt;“Marija: there is a dissonance that weaponizes the general principle of &amp;ldquo;keeping users engaged&amp;rdquo;, originally as a metric for product quality, which then becomes an aim to create a dependency, or create growth per se to satisfy shareholders.”&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;What are good starting points for designers moving into product design to support FOSS?&lt;/strong&gt;
New people need a point of contact – Without guidance, new contributors may not know where to start. Promote experienced community members who can help others get involved and small, achievable, and impactful tasks are ideal for newcomers to FOSS. Open-source repos should be structured clearly so contributors know where to report issues and submit fixes.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Find and rank issues for &lt;a href="https://penpot.app/"&gt;Penpot&lt;/a&gt; enterprise adoption&lt;/strong&gt;
This discussion focused on what we believe Penpot needs to implement to become a fully viable alternative design tooling option for ‘enterprise’ level organisations and companies. These implementations needs included: More options for feedback gathering beyond prototype link sharing and commenting, ways to justify/explain design decisions in designs, branching, approval and merging, tracking the history of design changes, fixing performance issues, implementing design tokens and having a lofi, wireframing mode.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;CLI Design for Python&lt;/strong&gt;
One Design challenge is that CLIs are so easy to build for individual teams that it is
very hard to create a unified appearance. There are different approaches to CLIs in Linux and no enforcement but could it help to push standards compliance to code-checking tools?&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Privacy by design &amp;amp; Adversarial personas for FOSS&lt;/strong&gt;
A conversation that centered on privacy and security in FOSS projects and how those aspects are dealt with across tools/software. How can designers, typically side-lined in privacy and securities ‘deeper’ technical work, better understand how to address these concerns from a design perspective while establishing knowledge and standards for design.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;How to be nice to each other in our community&lt;/strong&gt;
Private discussion centering on how to be supportive, collaborative and kind in a ‘scarcity’ environment like OSS and Design in OSS.&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_77eabf5928d34324.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_b58bd02d15a4e473.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_bd737d95c25cc20e.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_13ec19cd796fbb5a.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_b69878a68c196128.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_385b75e5a0385603.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-stickies_hu_6a791825249e4c63.jpg"
alt="All the sticky note topics stuck on the whiteboard with dots to vote on the popular ones"
title="All the sticky note topics stuck on the whiteboard with dots to vote on the popular ones"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1066"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;All the sticky note topics stuck on the whiteboard with dots to vote on the popular ones&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="authors-final-thoughts"&gt;Authors final thoughts&lt;/h2&gt;
&lt;p&gt;In the ‘post’-covid (is it over really?) era, where we saw many OSS foundations and organisations struggling to maintain already tightening budgets. Who now faces the onslaught of challenges to sustainability and existence across the rapidly changing (for the better?) tech ecosystem. It feels increasingly difficult to find events and communities carving out the space for the less prominent ways of supporting and contributing to OSS - design (and all of ‘designs’ subsidiary practices aka UI, UX, Usability, Accessibility, user research etc.). Maintaining design’s presence and relevancy to OSS continues to feel like pushing a boulder up a hill (in this author’s opinion). But the more we’re able to come together as a community of designers, around our commonalities as both designers in proprietary commercial spaces as well as open source software spaces, we can support the events and communities that support us, support not only our contribution labour, but also our advocacy and relevancy in OSS.&lt;/p&gt;
&lt;p&gt;
&lt;figure class="my-6"&gt;
&lt;picture&gt;
&lt;source type="image/avif" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_ddfa4783e286f095.avif 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_7333e7ad4b88be70.avif 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_6f19818a07c47dbb.avif 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;source type="image/webp" srcset="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_127e087ab78a2d5d.webp 480w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_fd9b9bf6c2d99d30.webp 960w, https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_427d8a1d00ef90f5.webp 1600w" sizes="(min-width: 56rem) 56rem, 100vw" /&gt;
&lt;img
src="https://opensourcedesign.net/images/articles/foss-backstage-2025/foss-backstage-devs-and-designers_hu_e6c77600739d9032.jpg"
alt="A sticky note that reads &amp;lsquo;developers and designers, a match made in heaven/hell?"
title="A sticky note that reads &amp;#39;developers and designers, a match made in heaven/hell?"
loading="lazy"
decoding="async"
class="mx-auto block rounded-lg shadow-sm"
width="1600"
height="1066"
/&gt;
&lt;/picture&gt;
&lt;figcaption class="mt-2 text-center text-sm text-slate-500"&gt;A sticky note that reads &amp;#39;developers and designers, a match made in heaven/hell?&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;h2 id="credits-and-thanks"&gt;Credits and thanks&lt;/h2&gt;
&lt;p&gt;Thanks to the Open Source Design core maintainer team broadly and the wider community for discussing sponsoring FOSS Backstage.&lt;/p&gt;
&lt;p&gt;Special thanks to the OSD maintainers and members in attendance &lt;a href="https://github.com/elioqoshi"&gt;Elio Qoshi&lt;/a&gt;, &lt;a href="https://github.com/jdittrich"&gt;Jan Dittrich&lt;/a&gt; and &lt;a href="https://hachyderm.io/@juliaro@mastodon.art"&gt;Julia Racsko&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Thank you to &lt;a href="https://plainschwarz.com/"&gt;Plain Schwarz&lt;/a&gt; (especially Alex, Paul, Sven &amp;amp; Anne) for organising FOSS Backstage and FOSS Backstage Design.&lt;/p&gt;
&lt;p&gt;Thank you to the event photographer &lt;a href="https://www.janmichalko.com/"&gt;Jan Michalko&lt;/a&gt; &lt;a href="https://www.flickr.com/photos/newthinking_de/albums/"&gt;the photos on Flickr can be found here&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Written by &lt;a href="https://erioldoesdesign.github.io/"&gt;Eriol Fox&lt;/a&gt;
Proofread and edited by &lt;a href="https://fordes.de/"&gt;Jan Dittrich&lt;/a&gt;&lt;/p&gt;
&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/events/foss-backstage-2025/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>Events</category></item><item><title>Create explanatory hero graphic for website</title><link>https://opensourcedesign.net/jobs/create-explanatory-hero-graphic-for-website/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/create-explanatory-hero-graphic-for-website/</guid><pubDate>Thu, 17 Apr 2025 11:15:12 +0000</pubDate><dc:creator>remoteStorage</dc:creator><description>There’s a big gaping hole on the frontpage of our website. It would be fantastic to have a graphic there, which would explain the concept of remoteStorage visually, and make the page more attractive and visually pleasing at the same time.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; remoteStorage&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Graphic Design, Illustration, Branding&lt;/p&gt;&lt;/div&gt;&lt;p&gt;There&amp;rsquo;s a big gaping hole on the frontpage of our website. It would be fantastic to have a graphic there, which would explain the concept of remoteStorage visually, and make the page more attractive and visually pleasing at the same time.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Râu Cao &amp;lt;raucao@kosmos.org&amp;gt;&lt;/li&gt;&lt;li&gt;You can find everything on the website&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/create-explanatory-hero-graphic-for-website/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>graphic design</category><category>illustration</category><category>Jobs</category></item><item><title>UI/UX Designer</title><link>https://opensourcedesign.net/jobs/ui-ux-designer/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ui-ux-designer/</guid><pubDate>Tue, 08 Apr 2025 14:52:43 +0000</pubDate><dc:creator>Nextcloud</dc:creator><description>Nextcloud is an open source platform for collaboration and productivity, including things like voice &amp; video chat, file sync &amp; share, calendar, contacts, mail and an app ecosystem to do much more.
We’re looking for a UI/UX Designer to collaborate with our management team as well as our engineers to define and implement innovative solutions for product direction, visuals, and user experience. You will be part of the design team within engineering and design new features and improvements to our software, with focus on user-system interaction. You ideally have an interest in open source as well as understanding of software-enterprise business and are good at solving problems creatively, effectively and independently.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Nextcloud&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; closed&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; paid&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; UI/UX &amp;amp; interaction design&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;Nextcloud is an open source platform for collaboration and productivity, including things like voice &amp;amp; video chat, file sync &amp;amp; share, calendar, contacts, mail and an app ecosystem to do much more.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;We’re looking for a UI/UX Designer to collaborate with our management team as well as our engineers to define and implement innovative solutions for product direction, visuals, and user experience.
You will be part of the design team within engineering and design new features and improvements to our software, with focus on user-system interaction. You ideally have an interest in open source as well as understanding of software-enterprise business and are good at solving problems creatively, effectively and independently.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Responsibilities:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Conceptualize original ideas that bring simplicity and user-friendliness to complex design requirements&lt;/li&gt;
&lt;li&gt;Execute all visual design stages from market research, through ideation and hand-off to engineering&lt;/li&gt;
&lt;li&gt;Closely communicate and collaborate with relevant engineers&lt;/li&gt;
&lt;li&gt;Create wireframes and mockups with specifications to effectively communicate interaction and design ideas&lt;/li&gt;
&lt;li&gt;Conduct user research and evaluate user feedback&lt;/li&gt;
&lt;li&gt;Establish and promote design guidelines, best practices, and standards&lt;/li&gt;
&lt;li&gt;Manage delivery timelines, resources, and risk assessments&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Requirements:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Degree in design, interaction design, or a related field is preferred.&lt;/li&gt;
&lt;li&gt;UI/UX design experience with a strong portfolio and excellent visual design skills&lt;/li&gt;
&lt;li&gt;Proficiency in design and prototyping tools such as Figma or Penpot&lt;/li&gt;
&lt;li&gt;Up-to-date with the latest UI trends, techniques, and technologies&lt;/li&gt;
&lt;li&gt;Analytical skills and ability to work in a complex environment&lt;/li&gt;
&lt;li&gt;Can-do attitude and solution focus as well as committent and strong work ethic&lt;/li&gt;
&lt;li&gt;Excellent communication skills in English, additional languages beneficial&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;What we offer:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A colourful team with a passion for open source&lt;/li&gt;
&lt;li&gt;A product that pushes the boundaries of technology&lt;/li&gt;
&lt;li&gt;A competitive salary&lt;/li&gt;
&lt;li&gt;Flexibility for a healthy work-life balance&lt;/li&gt;
&lt;li&gt;Remote first strategy – but you are welcome in our offices in Stuttgart or Berlin, if you like!&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We are looking for somebody with ambition and drive, who would like to grow and learn. Send your CV to &lt;a href="mailto:jobs@nextcloud.com"&gt;jobs@nextcloud.com&lt;/a&gt;, if you are interested in this role.
We especially encourage applications by people from underrepresented groups in tech.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Nextcloud job application email address &amp;lt;jobs@nextcloud.com&amp;gt;&lt;/li&gt;&lt;li&gt;- The full jobs page with additional context https://nextcloud.com/jobs/
- Our design contribution page https://nextcloud.com/design/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ui-ux-designer/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>ux</category><category>ui</category><category>interaction design</category><category>Jobs</category></item><item><title>Second team member for user research</title><link>https://opensourcedesign.net/jobs/second-team-member-for-user-research/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/second-team-member-for-user-research/</guid><pubDate>Tue, 01 Apr 2025 18:33:42 +0000</pubDate><dc:creator>Forgejo</dc:creator><description>Forgejo is a self-hosted platform for software development (version tracking and project management).
Dear design community, I’m looking for assistance for my role in the Forgejo user research team. Currently, I’m the only member of that team, and I publicly called for help with my roles recently, because I cannot keep up with the work on my own.
So far, my work consisted of doing user research and user testing via live interviews as well as creating surveys, to learn more about the usage of Forgejo and similar platforms. The results have been recorded in a dedicated repository. The information is then used to influence design of new features and classify feature requests based on their expected value.</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; Forgejo&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Usability review &amp;amp; research&lt;/p&gt;&lt;/div&gt;&lt;p&gt;Forgejo is a self-hosted platform for software development (version tracking and project management).&lt;/p&gt;
&lt;p&gt;Dear design community, I&amp;rsquo;m looking for assistance for my role in the Forgejo user research team. Currently, I&amp;rsquo;m the only member of that team, and I &lt;a href="https://codeberg.org/forgejo/discussions/issues/323"&gt;publicly called for help&lt;/a&gt; with my roles recently, because I cannot keep up with the work on my own.&lt;/p&gt;
&lt;p&gt;So far, my work consisted of doing user research and user testing via live interviews as well as creating surveys, to learn more about the usage of Forgejo and similar platforms. The results have been recorded in a dedicated repository. The information is then used to influence design of new features and classify feature requests based on their expected value.&lt;/p&gt;
&lt;p&gt;The results of user research have been overall handled respectfully by the Forgejo contributors, within the human capacity the project has to turn suggestions into actual improvements.&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;[E-Mail](mailto:otto@codeberg.org), [Codeberg Profile: @fnetx](https://codeberg.org/fnetx), [Open Source Design Discourse](https://discourse.opensourcedesign.net/u/fnetx/summary)&lt;/li&gt;&lt;li&gt;* My recent call for help: https://codeberg.org/forgejo/discussions/issues/323
* Public repository for user research findings: https://codeberg.org/forgejo/user-research/
* Dedicated design repository for designing new features: https://codeberg.org/forgejo/design/
* Regular Forgejo issue tracker, example filter to only include issues that have been assigned the highest value due to user research: https://codeberg.org/forgejo/forgejo/issues?labels=226640
* Forgejo contributor documentation: https://forgejo.org/docs/next/contributor/
* A welcome and motivation for contributors that I want to share: https://forgejo.org/docs/next/contributor/welcome/&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/second-team-member-for-user-research/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>user research</category><category>usability testing</category><category>Jobs</category></item><item><title>UI/UX for grunf (wizard application)</title><link>https://opensourcedesign.net/jobs/ui-ux-for-grunf-wizard-application/</link><guid isPermaLink="true">https://opensourcedesign.net/jobs/ui-ux-for-grunf-wizard-application/</guid><pubDate>Mon, 31 Mar 2025 15:06:47 +0000</pubDate><dc:creator>grunf</dc:creator><description>We’ve developed application called grunf when user inserts his/her data with his/her own structure and prints it with libre office writer or calc</description><content:encoded>&lt;div style="margin-bottom:1.5em;padding:1em;background:#f8f9fa;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;Organization:&lt;/strong&gt; grunf&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Status:&lt;/strong&gt; expired&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Compensation:&lt;/strong&gt; gratis&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Role:&lt;/strong&gt; Interaction design and look and feel for an application&lt;/p&gt;&lt;/div&gt;&lt;p&gt;We&amp;rsquo;ve developed application called grunf when user inserts his/her data with his/her own structure and prints it with libre office writer or calc&lt;/p&gt;
&lt;div style="margin-top:1.5em;padding:1em;background:#e8f5e9;border-radius:8px;"&gt;&lt;p&gt;&lt;strong&gt;How to Apply:&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;eduard.filipas@rhea.si&lt;/li&gt;&lt;li&gt;existing work can be found https://gitlab.com/stormfinger/grunf&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;p style="margin-top:2em;font-size:0.9em;color:#666;"&gt;&lt;a href="https://opensourcedesign.net/jobs/ui-ux-for-grunf-wizard-application/"&gt;Read more on opensourcedesign.net →&lt;/a&gt;&lt;/p&gt;</content:encoded><category>graphic design</category><category>Jobs</category></item></channel></rss>