1<!doctype html><html lang=en><head>
1<script>(function(){var n=document.documentElement,t=window.matchMedia("(prefers-color-scheme: dark)");function s(){try{return localStorage.getItem("osd-theme")}catch{return null}}function e(){var e=s();n.classList.toggle("dark",e==="dark"||e!=="light"&&t.matches)}e(),t.addEventListener("change",e),window.osdSyncTheme=e})()</script>
1<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=Content-Security-Policy content="default-src 'self'; base-uri 'self'; object-src 'none'; form-action 'self'; upgrade-insecure-requests; script-src 'self' 'unsafe-inline' https://challenges.cloudflare.com; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self'; connect-src 'self' https://osd-job-submit.anxhelo.workers.dev https://raw.githubusercontent.com; frame-src https://challenges.cloudflare.com"><meta name=view-transition content="same-origin"><title>Open Source Design</title><meta name=description content="Connecting open source & design."><meta name=color-scheme content="light dark"><meta name=theme-color content="#f8fafc" media="(prefers-color-scheme: light)"><meta name=theme-color content="#020617" media="(prefers-color-scheme: dark)"><meta name=robots content="index, follow"><meta name=author content="Open Source Design"><meta name=generator content="Hugo 0.166.0"><link rel=me href=https://mastodon.social/@opensourcedesign><link rel=canonical href=https://opensourcedesign.net/><link rel=icon href=/images/favicon.svg type=image/svg+xml><link rel=icon href=/images/favicon.ico sizes=32x32><link rel=apple-touch-icon href=/images/favicons/apple-touch-icon.png><meta property="og:site_name" content="Open Source Design"><meta property="og:title" content="Open Source Design"><meta property="og:description" content="Connecting open source & design."><meta property="og:url" content="https://opensourcedesign.net/"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:image" content="https://opensourcedesign.net/og/default.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name=twitter:card content="summary_large_image"><meta name=twitter:site content="@opensrcdesign"><meta name=twitter:title content="Open Source Design"><meta name=twitter:description content="Connecting open source & design."><meta name=twitter:image content="https://opensourcedesign.net/og/default.png">
1<script type=application/ld+json>{"@context":"https://schema.org","@type":"Organization","contactPoint":{"@type":"ContactPoint","contactType":"community","url":"https://discourse.opensourcedesign.net/"},"description":"We are a community of designers and developers aiming to push more open design processes and improve the user experience and interface design of open source software.","logo":"https://opensourcedesign.net/images/opensourcedesign-logo.svg","name":"Open Source Design","sameAs":["https://github.com/opensourcedesign","https://mastodon.social/@opensourcedesign","https://bsky.app/profile/opensourcedesign.net","https://opencollective.com/opensourcedesign","https://discourse.opensourcedesign.net"],"url":"https://opensourcedesign.net/"}</script>
1<link rel=preload href=/fonts/InterVariable.woff2 as=font type=font/woff2 crossorigin><style>@font-face{font-family:intervariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:intervariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2)format("woff2")}</style><link rel=stylesheet href=/css/typography.135b12adcc3b5b0d547853dfe12c27b971086c6ca261e7a7458943a9941862ef.css integrity="sha256-E1sSrcw7Ww1UeFPf4SwnuXEIbGyiYeenRYlDqZQYYu8="><link rel=stylesheet href=/css/compiled.d8c95e8f515c18474399bb7414f8e37ed5360a487ce3e722c74ebdc208df5edb.css integrity="sha256-2Mlej1FcGEdDmbt0FPjjftU2Ckh84+cix069wgjfXts="><link rel=stylesheet href=/css/dark-theme.f2ffe624c616310f4b1b985755da5dbf9a840513bb9e213315778b4591cbc7b1.css integrity="sha256-8v/mJMYWMQ9LG5hXVdpdv5qEBRO7niEzFXeLRZHLx7E="><link rel=alternate type=application/rss+xml title="Open Source Design" href=https://opensourcedesign.net/feed.xml></head><body class="flex min-h-screen flex-col bg-slate-50 font-sans text-slate-950 antialiased dark:bg-slate-950 dark:text-slate-100"><svg class="osd-sprite" aria-hidden="true" focusable="false"><symbol id="osd-icon-calendar" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25.0 012.25-2.25h13.5A2.25 2.25.0 0121 7.5v11.25m-18 0A2.25 2.25.0 005.25 21h13.5A2.25 2.25.0 0021 18.75m-18 0v-7.5A2.25 2.25.0 015.25 9h13.5A2.25 2.25.0 0121 11.25v7.5"/></symbol><symbol id="osd-icon-clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5.0A9 9 0 113 12a9 9 0 0118 0z"/></symbol><symbol id="osd-icon-building" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621.0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z"/></symbol><symbol id="osd-icon-location" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5.0 1115 0z"/></symbol><symbol id="osd-icon-globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004.0 008.716-6.747M12 21a9.004 9.004.0 01-8.716-6.747M12 21c2.485.0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485.0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997.0 017.843 4.582M12 3A8.997 8.997.0 004.157 7.582m15.686.0A11.953 11.953.0 0112 10.5c-2.998.0-5.74-1.1-7.843-2.918m15.686.0A8.959 8.959.0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919.0 0112 16.5c-3.162.0-6.133-.815-8.716-2.247m0 0A9.015 9.015.0 013 12c0-1.605.42-3.113 1.157-4.418"/></symbol><symbol id="osd-icon-currency" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242.0 1.172-.879 1.172-2.303.0-3.182C13.536 12.219 12.768 12 12 12c-.725.0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303.0-3.182s2.9-.879 4.006.0l.415.33M21 12A9 9 0 113 12a9 9 0 0118 0z"/></symbol><symbol id="osd-icon-users" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094.0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944.0 0112 21c-2.17.0-4.207-.576-5.963-1.584A6.062 6.062.0 016 18.719m12 0a5.971 5.971.0 00-.941-3.197m0 0A5.995 5.995.0 0012 12.75a5.995 5.995.0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986.0 003.74.477m.94-3.197a5.971 5.971.0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25.0 11-4.5.0 2.25 2.25.0 014.5.0zm-13.5.0a2.25 2.25.0 11-4.5.0 2.25 2.25.0 014.5.0z"/></symbol><symbol id="osd-icon-briefcase" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5.
10a2.18 2.18.0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114.0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978.0 0112 15.75c-2.648.0-5.195-.429-7.577-1.22a2.016 2.016.0 01-.673-.38m0 0A2.18 2.18.0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111.0 013.413-.387m7.5.0V5.25A2.25 2.25.0 0013.5 3h-3A2.25 2.25.0 008.25 5.25v.894m7.5.0a48.667 48.667.0 00-7.5.0M12 12.75h.008v.008H12v-.008z"/></symbol><symbol id="osd-icon-rss" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5.0 00-7.5-7.5H4.5m0-6.75h.75c7.87.0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75.0 11-1.5.0.75.75.0 011.5.0z"/></symbol><symbol id="osd-icon-plus" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></symbol><symbol id="osd-icon-arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/></symbol><symbol id="osd-icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></symbol><symbol id="osd-icon-search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5.0 105.196 5.196a7.5 7.5.0 0010.607 10.607z"/></symbol><symbol id="osd-icon-code" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5.0L1.5 12l5.25-5.25m7.5-3-4.5 16.5"/></symbol><symbol id="osd-icon-document" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621.0 1.125.504 1.125 1.125V18a2.25 2.25.0 01-2.25 2.25M16.5 7.5V18a2.25 2.25.0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25.0 002.25 2.25h13.5M6 7.5h3v3H6v-3z"/></symbol><symbol id="osd-icon-warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73.0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898.0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/></symbol><symbol id="osd-icon-github" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></symbol><symbol id="osd-icon-external-link" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25.0 003 8.25v10.5A2.25 2.25.0 005.25 21h10.5A2.25 2.25.0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/></symbol><symbol id="osd-icon-heart" viewBox="0 0 20 20"><path d="M10 17.2a.75.75.0 01-.37-.1C6.3 15.2 3.75 12.9 3.75 9.74 3.75 7.66 5.3 6 7.35 6c1.12.0 2.13.5 2.65 1.29C10.52 6.5 11.53 6 12.65 6c2.05.0 3.6 1.66 3.6 3.74.0 3.16-2.55 5.46-5.88 7.36a.75.75.0 01-.37.1z"/></symbol><symbol id="osd-icon-pencil" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875.0 112.652 2.652L10.582 16.07A4.5 4.5.0 018.685 17.2L6 18l.8-2.685a4.5 4.5.0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25.0 0115.75 21H5.25A2.25 2.25.0 013 18.75V8.25A2.25 2.25.0 015.25 6H10"/></symbol><symbol id="osd-icon-chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375.0 11-.75.0.375.375.0 01.75.0zm0 0H8.25m4.125.0a.375.375.0 11-.75.0.375.375.0 01.75.0zm0 0H12m4.125.0a.375.375.0 11-.75.0.375.375.0 01.75.0zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764.0 01-2.555-.337A5.972 5.972.0 015.41 20.97a5.969 5.969.0 01-.474-.065 4.48 4.48.0 00.978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25z"/></symbol></svg>
2<a class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-lg focus:bg-slate-900 focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-white focus:shadow-lg" href=#main>Skip to content</a><header class="sticky top-0 z-40 border-b border-slate-200 bg-slate-50/85 backdrop-blur dark:border-slate-800 dark:bg-slate-950/85"><div class="mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-3"><a class="rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950" href=/ aria-label="Open Source Design - home"><img src=/images/brand/opensourcedesign-logo-text-narrow.svg alt class="h-8 w-auto dark:hidden" width=180 height=32> 3<img src=/images/brand/opensourcedesign-logo-text-narrow-inverted.svg alt class="hidden h-8 w-auto dark:block" width=180 height=32 aria-hidden=true></a><nav aria-label=Primary class="hidden items-center gap-2 md:flex"><a class="rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 hover:bg-slate-100 hover:text-slate-950 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 text-slate-700 dark:text-slate-300" href=/about-us/>About Us</a> 4<a class="rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 hover:bg-slate-100 hover:text-slate-950 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 text-slate-700 dark:text-slate-300" href=/events/>Events</a> 5<a class="rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 hover:bg-slate-100 hover:text-slate-950 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 text-slate-700 dark:text-slate-300" href=/resources/>Resources</a> 6<a class="rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 hover:bg-slate-100 hover:text-slate-950 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 text-slate-700 dark:text-slate-300" href=/jobs/>Jobs</a> 7<a class="rounded-md px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 hover:bg-slate-100 hover:text-slate-950 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-slate-50 text-slate-700 dark:text-slate-300" href=https://discourse.opensourcedesign.net/ target=_blank rel="noopener noreferrer">Forum</a> 8<button type=button class="ml-1 inline-flex h-9 w-9 items-center justify-center rounded-md text-slate-600 transition-colors hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-slate-50 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950" data-search-open aria-haspopup=dialog aria-label=Search title="Search (Ctrl/â K)"> 9<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5.0 105.196 5.196a7.5 7.5.0 0010.607 10.607z"/></svg> 10</button> 11<button type=button class="inline-flex h-9 w-9 items-center justify-center rounded-md text-slate-600 transition-colors hover:bg-slate-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-slate-50 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950" data-theme-toggle data-theme-pending> 12<span class=osd-theme-icon-light><svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75.0 11-7.5.0 3.75 3.75.0 017.5.0z"/></svg></span> 13<span class=osd-theme-icon-system><svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25.0 01-2.25 2.25H5.25A2.25 2.25.0 013 15V5.25m18 0A2.25 2.25.0 0018.75 3H5.25A2.25 2.25.0 003 5.25"/></svg></span> 14<span class=osd-theme-icon-dark><svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718.0 0118 15.75c-5.385.0-9.75-4.365-9.75-9.75.0-1.33.266-2.597.748-3.752A9.753 9.753.0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753.0 009.002-5.998z"/></svg></span></button></nav><details class="relative group md:hidden"><summary class="flex cursor-pointer list-none items-center gap-2 rounded-md border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-800 shadow-sm hover:bg-slate-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 group-open:border-slate-900 group-open:bg-slate-900 group-open:text-white group-open:hover:bg-slate-800 group-open:hover:text-white dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100 dar
14k:hover:bg-slate-800 dark:group-open:border-slate-100 dark:group-open:bg-slate-100 dark:group-open:text-slate-900 dark:group-open:hover:bg-slate-200 dark:group-open:hover:text-slate-900 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-950">Menu 15<svg class="h-4 w-4 text-slate-500 transition-transform group-open:rotate-180 group-open:text-white group-open:hover:text-white dark:text-slate-400 dark:group-open:text-slate-900 dark:group-open:hover:text-slate-900" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.23 7.21a.75.75.0 011.06.02L10 11.168l3.71-3.938a.75.75.0 111.08 1.04l-4.24 4.5a.75.75.0 01-1.08.0l-4.24-4.5a.75.75.0 01.02-1.06z" clip-rule="evenodd"/></svg></summary><div class="absolute right-0 top-full mt-2 w-auto rounded-2xl border border-slate-200 bg-white p-2 shadow-lg dark:border-slate-700 dark:bg-slate-900"><nav aria-label=Mobile class="flex flex-col"><a class="rounded-lg px-3 py-2 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 text-slate-800 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800" href=/about-us/>About Us</a> 16<a class="rounded-lg px-3 py-2 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 text-slate-800 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800" href=/events/>Events</a> 17<a class="rounded-lg px-3 py-2 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 text-slate-800 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800" href=/resources/>Resources</a> 18<a class="rounded-lg px-3 py-2 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 text-slate-800 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800" href=/jobs/>Jobs</a> 19<a class="rounded-lg px-3 py-2 text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 text-slate-800 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-slate-800" href=https://discourse.opensourcedesign.net/ target=_blank rel="noopener noreferrer">Forum</a> 20<button type=button class="rounded-lg px-3 py-2 text-left text-sm font-semibold text-slate-800 hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:text-slate-200 dark:hover:bg-slate-800 dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900" data-search-open aria-haspopup=dialog>Search</button><div class="mt-2 border-t border-slate-200 pt-2 dark:border-slate-700" data-theme-group hidden><p class="px-3 pb-1 pt-1 text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400" id=osd-theme-group-label>Theme</p><div class="flex flex-col" role=group aria-labelledby=osd-theme-group-label><button type=button data-theme-set=light class="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 aria-pressed:bg-slate-900 aria-pressed:text-white dark:aria-pressed:bg-slate-100 dark:aria-pressed:text-slate-900 aria-[pressed=false]:text-slate-800 aria-[pressed=false]:hover:bg-slate-50 dark:aria-[pressed=false]:text-slate-200 dark:aria-[pressed=false]:hover:bg-slate-800"> 21<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75.0 11-7.5.0 3.75 3.75.0 017.5.0z"/></svg> 22Light 23</button> 24<button type=button data-theme-set=system class="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 aria-pressed:bg-slate-900 aria-pressed:text-white dark:aria-pressed:bg-slate-100 dar
24k:aria-pressed:text-slate-900 aria-[pressed=false]:text-slate-800 aria-[pressed=false]:hover:bg-slate-50 dark:aria-[pressed=false]:text-slate-200 dark:aria-[pressed=false]:hover:bg-slate-800"> 25<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25.0 01-2.25 2.25H5.25A2.25 2.25.0 013 15V5.25m18 0A2.25 2.25.0 0018.75 3H5.25A2.25 2.25.0 003 5.25"/></svg> 26System 27</button> 28<button type=button data-theme-set=dark class="flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-100/30 dark:focus-visible:ring-offset-slate-900 aria-pressed:bg-slate-900 aria-pressed:text-white dark:aria-pressed:bg-slate-100 dark:aria-pressed:text-slate-900 aria-[pressed=false]:text-slate-800 aria-[pressed=false]:hover:bg-slate-50 dark:aria-[pressed=false]:text-slate-200 dark:aria-[pressed=false]:hover:bg-slate-800"> 29<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718.0 0118 15.75c-5.385.0-9.75-4.365-9.75-9.75.0-1.33.266-2.597.748-3.752A9.753 9.753.0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753.0 009.002-5.998z"/></svg> 30Dark</button></div></div></nav></div></details></div></header><main id=main class=flex-1><section class="relative overflow-hidden bg-slate-950 text-white"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/images/2017-fosdem-picture-compressed-blur30px_hu_97e93cf339f622ac.jpg);background-image:image-set(url(/images/2017-fosdem-picture-compressed-blur30px_hu_bd1865620715f6eb.webp) type('image/webp'),url(/images/2017-fosdem-picture-compressed-blur30px_hu_97e93cf339f622ac.jpg) type('image/jpeg'))"></div><div class="absolute inset-0 bg-gradient-to-r from-slate-950/95 via-slate-950/75 to-slate-950/40"></div><div class="relative mx-auto max-w-6xl px-4 py-24 sm:py-32 lg:py-40"><p class="text-xs font-semibold uppercase tracking-widest text-slate-300">A community of designers and developers</p><h1 class="mt-5 max-w-3xl text-4xl font-bold leading-tight tracking-tight sm:text-5xl lg:text-6xl">Bringing great design to open source software.</h1><p class="mt-6 max-w-xl text-lg leading-relaxed text-slate-300">We push for open design processes and better user experience in open source, through a job board, events, and an open community.</p><div class="mt-10 flex flex-wrap items-center gap-4"><a class="osd-hero-cta rounded-lg px-6 py-3 text-sm font-semibold transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950" href=/resources/how-to-join/>Join us</a> 31<a class="rounded-lg border border-white/30 px-6 py-3 text-sm font-semibold text-white transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950" href=/resources/>Resources</a></div><p class="mt-8 text-sm text-slate-400" id=osd-home-hero-stats>18 design jobs open right now, 374+ posted by open source projects over the years.</p></div></section><section class="bg-white dark:bg-slate-950"><div class="mx-auto max-w-6xl px-4 py-20 sm:py-24"><div class="grid grid-cols-1 gap-10 lg:grid-cols-12 lg:gap-16"><h2 class="text-2xl font-bold leading-snug tracking-tight text-slate-950 sm:text-3xl lg:col-span-5 dark:text-slate-50">Good design should be as open as good code.</h2><div class="space-y-5 text-base leading-relaxed text-slate-600 dark:text-slate-400 lg:col-span-7 lg:max-w-prose"><p>We are a global community of designers, developers, and advocates improving the usability of open source software. We run a <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dar
31k:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/jobs/>job board</a> connecting designers with projects that need them, organize <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/events/>events</a> and conference design tracks, and share openly licensed <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/resources/>resources</a>.</p><p>New here? Read <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/about-us/>about the community</a>, our <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/about-us/manifesto/>manifesto</a>, and <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/resources/how-to-join/>how to join</a>. Conversations happen in the open, on our <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=https://discourse.opensourcedesign.net target=_blank rel="noopener noreferrer">forum</a>.</p></div></div></div></section><section class="border-y border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-slate-900" aria-label="Community activity" data-home-pulse><div class="mx-auto max-w-6xl px-4 py-16 sm:py-20"><div class="grid grid-cols-1 gap-0 lg:grid-cols-3 lg:gap-0 lg:divide-x lg:divide-slate-200 dark:lg:divide-slate-700"><div class="border-b border-slate-200 dark:border-slate-700 py-10 last:border-b-0 lg:border-b-0 lg:py-0 lg:pr-10"><div class="flex items-baseline justify-between"><h2 class="text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Upcoming events</h2><a class="text-sm font-medium text-slate-600 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=/events/>All events â</a></div><ul class=mt-5 role=list><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group block py-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/events/monthly-online-meeting/><span class="font-semibold leading-snug text-slate-900 dark:text-slate-100 decoration-slate-300 underline-offset-4 transition group-hover:text-slate-950 dark:group-hover:text-slate-100 group-hover:underline">Open Source Design monthly call</span> 32<span class="mt-1 block text-sm text-slate-500 dark:text-slate-400">Every First Wednesday</span></a></li></ul><p class="mt-4 text-sm text-slate-600 dark:text-slate-300">Latest recap: <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=/events/2026-03-31-foss-backstage-donation-support/>Help fund the recordings of talks for FOSS Backstage Design 2026</a></p><p class="mt-4 text-sm text-slate-600 dark:text-slate-300">Monthly community calls, on the <a class="font-medium text-slate-950 underline decoration-slate-300 underline-offset-4 transition hover:decoration-slate-950 dark:text-slate-100 dark:decoration-slate-600 dark:hover:decoration-slate-100" href=https://cloud.opensourcedesign.net/apps/calendar/p/CqJYyXyYsFqfPsfr/dayGridMonth/now target=_blank rel="noopener noreferrer">community calendar</a>.</p></div><div class="border-b border-slate-200 dark:border-slate-700 py-10 last:border-b-0 lg:border-b-0 lg:px-10 lg:py-0"><div class="flex items-baseline justify-between"><h2 class="text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Open jobs</h2>
32<a class="text-sm font-medium text-slate-600 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=/jobs/>All jobs â</a></div><ul class=mt-5 role=list id=osd-home-jobs><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group flex items-baseline gap-3 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/jobs/looking-for-designers-for-openstrap-an-open-source-fitness-app/><span class="h-2 w-2 shrink-0 self-center rounded-full bg-violet-500" title=Volunteer aria-hidden=true></span><span class="line-clamp-2 text-sm leading-snug text-slate-700 dark:text-slate-300 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Looking for designers for OpenStrap, an open-source fitness app</span></a></li><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group flex items-baseline gap-3 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/jobs/senior-ux-ui-designer-openproject/><span class="h-2 w-2 shrink-0 self-center rounded-full bg-emerald-500" title=Paid aria-hidden=true></span><span class="line-clamp-2 text-sm leading-snug text-slate-700 dark:text-slate-300 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Senior UX/UI Designer, OpenProject</span></a></li><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group flex items-baseline gap-3 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/jobs/logo-design-for-apexdeck/><span class="h-2 w-2 shrink-0 self-center rounded-full bg-violet-500" title=Volunteer aria-hidden=true></span><span class="line-clamp-2 text-sm leading-snug text-slate-700 dark:text-slate-300 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Logo design for Apexdeck</span></a></li><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group flex items-baseline gap-3 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/jobs/product-landing-page-ui-design-for-chadbox/><span class="h-2 w-2 shrink-0 self-center rounded-full bg-violet-500" title=Volunteer aria-hidden=true></span><span class="line-clamp-2 text-sm leading-snug text-slate-700 dark:text-slate-300 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Product Landing page UI design for chadbox</span></a></li><li class="border-b border-slate-200 dark:border-slate-700 last:border-0"><a class="group flex items-baseline gap-3 py-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20" href=/jobs/front-end-developer-ui-for-corro-an-accessibility-first-board-card-game-platform/><span class="h-2 w-2 shrink-0 self-center rounded-full bg-violet-500" title=Volunteer aria-hidden=true></span><span class="line-clamp-2 text-sm leading-snug text-slate-700 dark:text-slate-300 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Front-end developer (UI) for Corro â an accessibility-first board & card game platform</span></a></li></ul><div class="mt-5 space-y-2 text-sm"><a class=osd-btn-primary href=/jobs/job-form/>Post a job</a><p><a class="text-slate-500 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=/jobs/archive/ id=osd-home-jobs-stats>Browse archived jobs â</a></p></div></div><div class="py-10 lg:border-b-0 lg:py-0 lg:pl-10"><div class="flex items-baseline justify-between"><h2 class="text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Forum</h2><a class="text-sm font-medium text-slate-600 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=https://discourse.opensourcedesign.net target=_blank rel="noopener noreferrer">Visit â</a></div><ul class="mt-5 space-y-3" id=osd-forum-pulse><li><a class="group block" href=https://discourse.opensourcedesign.net/t/collaboration-as-a-developer-on-nextcloud-modification/4499 target=_blank rel="noopener noreferrer"><span class="block text-sm font-medium leading-snug text-slate-900 dark:text-slate-100 transition group-hover:text-emerald-700">Collaboration as a developer on Nextcloud modification</span> 33<span class="mt-0.5 block text-xs text-slate-500 dark:text-slate-400">6 replies · 18 Sep 2026</span></a></li><li><a class="group block" href=https://discourse.opensourcedesign.net/t/fosdem-2027/4526 target=_blank rel="noopener noreferrer"><span class="block text-sm font-medium leading-snug text-slate-900 dark:text-slate-100 transition group-hover:text-emerald-700">Fosdem 2027!</span> 34<span class="mt-0.5 block text-xs text-slate-500 dark:text-slate-400">2 replies · 16 Sep 2026</span></a></li><li><a class="group block" href=https://discourse.opensourcedesign.net/t/list-of-topics-in-open-source-design/4525 target=_blank rel="noopener noreferrer"><span class="block text-sm font-medium leading-snug text-slate-900 dark:text-slate-100 transition group-hover:text-emerald-700">List of topics in Open Source Design?</span> 35<span class="mt-0.5 block text-xs text-slate-500 dark:text-slate-400">4 replies · 16 Sep 2026</span></a></li><li><a class="group block" href=https://discourse.opensourcedesign.net/t/core-contributor-rule-set/4521 target=_blank rel="noopener noreferrer"><span class="block text-sm font-medium leading-snug text-slate-900 dark:text-slate-100 transition group-hover:text-emerald-700">Core Contributor rule set</span> 36<span class="mt-0.5 block text-xs text-slate-500 dark:text-slate-400">14 replies · 9 Sep 2026</span></a></li></ul>
36<p class="mt-5 text-sm leading-relaxed text-slate-600 dark:text-slate-400" id=osd-forum-fallback hidden>Our Discourse forum is where design discussions, project feedback, and community conversations happen. Everyone is welcome to read along; joining takes a minute.</p>
36<script type=module> 37 import { init } from "/js/home-pulse.min.4918a1b7fecb4a60ed60d62c649029c78cdbbf28af0a8fa5f60872bfaa71f4ea.js"; 38 init({ 39 jobsUrl: "/jobs/index.json", 40 forumEndpoint: "https://osd-job-submit.anxhelo.workers.dev/forum", 41 forumBase: "https://discourse.opensourcedesign.net" 42 }); 43 </script>
43<div class="mt-5 space-y-2 text-sm"><a class="inline-flex items-center gap-2 rounded-lg border border-slate-300 dark:border-slate-600 bg-white dark:bg-slate-900 px-4 py-2.5 font-semibold text-slate-900 dark:text-slate-100 transition hover:bg-slate-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2" href=https://discourse.opensourcedesign.net target=_blank rel="noopener noreferrer">Visit the forum</a><p><a class="text-slate-500 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=/resources/how-to-join/>How to get involved â</a></p></div></div></div></div></section><section class="bg-white dark:bg-slate-950"><div class="mx-auto max-w-6xl px-4 py-16 sm:py-20"><div class="flex items-baseline justify-between"><h2 class="text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Open source design tools</h2><a class="text-sm font-medium text-slate-600 dark:text-slate-400 transition hover:text-slate-950 dark:hover:text-slate-100" href=/resources/>All resources â</a></div><div class="mt-8 grid grid-cols-3 gap-x-4 gap-y-8 sm:grid-cols-4 md:grid-cols-8"><a class="group flex flex-col items-center gap-2 rounded-lg p-2 opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 dark:focus-visible:ring-slate-100/30" href=https://penpot.app target=_blank rel="noopener noreferrer" title="Design and prototyping platform"><img src=/images/logos/penpot.svg alt class="osd-brand-icon h-10 w-10" aria-hidden=true loading=lazy> 44<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Penpot</span> 45</a><a class="group flex flex-col items-center gap-2 rounded-lg p-2 opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 dark:focus-visible:ring-slate-100/30" href=https://inkscape.org target=_blank rel="noopener noreferrer" title="Vector graphics editor"><img src=/images/logos/inkscape.svg alt class="osd-brand-icon h-10 w-10" aria-hidden=true loading=lazy> 46<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Inkscape</span> 47</a><a class="group flex flex-col items-center gap-2 rounded-lg p-2 opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 dark:focus-visible:ring-slate-100/30" href=https://www.gimp.org target=_blank rel="noopener noreferrer" title="Image manipulation program"><img src=/images/logos/gimp.svg alt class="osd-brand-icon h-10 w-10" aria-hidden=true loading=lazy> 48<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">GIMP</span> 49</a><a class="group flex flex-col items-center gap-2 rounded-lg p-2 opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 dark:focus-visible:ring-slate-100/30" href=https://www.blender.org target=_blank rel="noopener noreferrer" title="3D creation suite"><img src=/images/logos/blender.svg alt class="osd-brand-icon h-10 w-10" aria-hidden=true loading=lazy> 50<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Blender</span> 51</a><a class="group flex flex-col items-center gap-2 rounded-lg p-2 opacity-80 transition hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/20 dark:focus-visible:ring-slate-100/30" href=https://krita.org target=_blank rel="noopener noreferrer" title="Digital painting application"><img src=/images/logos/krita.svg alt class="osd-brand-icon h-10 w-10" aria-hidden=true loading=lazy> 52<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition group-hover:text-slate-950 dark:group-hover:text-slate-100">Krita</span></a></div></div></section><section class="border-t border-slate-200 bg-slate-50 dark:border-slate-800 dark:bg-slate-900"><div class="mx-auto max-w-6xl px-4 py-16 sm:py-20"><h2 class="text-center text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Supported by</h2><div class="osd-logo-wall mt-8 flex flex-wrap items-center justify-center gap-x-12 gap-y-8"><a class=transition href=https://creativecommons.org target=_blank rel="noopener noreferrer"><img class=h-8 src=/images/supporters/creativecommons.svg alt="Creative
52Commons" loading=lazy> 53</a><a class=transition href=https://www.discourse.org target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/supporters/discourse.svg alt=Discourse loading=lazy> 54</a><a class=transition href=https://www.mozilla.org target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/supporters/mozilla.svg alt=Mozilla loading=lazy> 55</a><a class=transition href=https://nextcloud.com target=_blank rel="noopener noreferrer"><img class=h-12 src=/images/supporters/nextcloud.svg alt=Nextcloud loading=lazy> 56</a><a class=transition href=https://www.opentech.fund target=_blank rel="noopener noreferrer"><img class=h-8 src=/images/supporters/opentechfund.svg alt="Open Technology Fund" loading=lazy> 57</a><a class=transition href=https://www.phplist.org target=_blank rel="noopener noreferrer"><img class=h-8 src=/images/supporters/phplist.svg alt=phpList loading=lazy> 58</a><a class=transition href=https://portknox.net target=_blank rel="noopener noreferrer"><img class=h-7 src=/images/supporters/portknox.svg alt=Portknox loading=lazy> 59</a><a class=transition href=https://www.redhat.com target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/supporters/redhat.svg alt="Red Hat" loading=lazy> 60</a><a class=transition href=https://www.wikimedia.de target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/supporters/wikimedia-germany.svg alt="Wikimedia Germany" loading=lazy></a></div><p class="mt-8 text-center"><a class="inline-flex items-center gap-2 rounded-lg border border-slate-300 dark:border-slate-500 bg-white dark:bg-slate-800 px-4 py-2 text-sm font-medium text-slate-700 dark:text-slate-100 transition hover:bg-slate-100 dark:hover:bg-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 focus-visible:ring-offset-2 dark:focus-visible:ring-slate-100 dark:focus-visible:ring-offset-slate-900" href=https://opencollective.com/opensourcedesign/contribute target=_blank rel="noopener noreferrer">Become a sponsor</a></p><h2 class="mt-16 text-center text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Conferences we organize design tracks at</h2><div class="osd-logo-wall mt-8 flex flex-wrap items-center justify-center gap-x-12 gap-y-8"><a class=transition href=https://fosdem.org target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/events/fosdem.svg alt=FOSDEM loading=lazy> 61</a><a class=transition href=https://fossasia.org target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/events/fossasia.svg alt=FOSSASIA loading=lazy> 62</a><a class=transition href=https://www.apachecon.com target=_blank rel="noopener noreferrer"><img class=h-7 src=/images/events/apachecon.svg alt="ApacheCon Europe" loading=lazy> 63</a><a class=transition href=https://foss-backstage.de target=_blank rel="noopener noreferrer"><img class=h-12 src=/images/events/foss-backstage.png alt="FOSS Backstage" loading=lazy></a></div><h2 class="mt-16 text-center text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Affiliates</h2><div class="osd-logo-wall mt-8 flex flex-wrap items-center justify-center gap-x-12 gap-y-8"><a class=transition href=https://fsfe.org/about/associates/associates.en.html target=_blank rel="noopener noreferrer"><img class=h-10 src=/images/supporters/fsfe.svg alt="Free Software Foundation Europe" loading=lazy> 64</a><a class=transition href=https://opensource.org/affiliates target=_blank rel="noopener noreferrer"><img class=h-20 src=/images/supporters/osi.svg alt="Open Source Initiative" loading=lazy></a></div><h2 class="mt-16 text-center text-xs font-semibold uppercase tracking-widest text-slate-500 dark:text-slate-400">Contributors & backers</h2><p class="mt-3 text-center text-sm text-slate-600 dark:text-slate-400">The people and organizations who make our work possible.</p><div class="mt-6 flex justify-center"><a class=osd-oc-backers-wrap href=https://opencollective.com/opensourcedesign target=_blank rel="noopener noreferrer" aria-label="View backers and contributors on Open Collective"><img class="osd-oc-backers mx-auto h-auto max-w-full" src="https://opencollective.com/opensourcedesign/backers.svg?width=880&avatarHeight=48&button=false" alt="Open Source Design backers and contributors on Open Collective" loading=lazy></a></div></div></section></main><footer class="mt-auto border-t border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900" aria-label="Site footer"><div class="mx-auto max-w-6xl px-4 py-12"><div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4"><div class="sm:col-span-2 lg:col-span-1"><a class="inline-flex items-center gap-2 font-semibold text-slate-900 dark:text-slate-100" href=/><span aria-hidden=true class="h-8 w-8 text-slate-900 dark:text-slate-100"><svg class="h-full w-full" viewBox="-497 263.9 273 273" fill="currentColor" aria-hidden="true" focusable="false">
64<path d="m-224 263.9-273 1e-5v273l87.7 1e-5.1-.2s27.7-74.7 31.4-80.2c0 0-31.9-7.2-31-59.3s40.8-78.6 40.8-78.6-7 40 24.7 54.8c0 0 30.5 8.7 30 39.4-.6 30.7-19.7 39.9-29.5 44.1 3.6 5.3 29.4 74.9 31.3 79.9l87.5.1z"/></svg> 65</span>Open Source Design</a><p class="mt-3 text-sm text-slate-600 dark:text-slate-300">Bringing great design to Open Source Software since 2015.</p><div class="mt-4 flex gap-3"><a class="text-slate-400 transition hover:text-slate-600 dark:text-slate-300 dark:hover:text-slate-100" href=https://github.com/opensourcedesign target=_blank rel="noopener noreferrer" aria-label=GitHub title=GitHub><svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483.0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951.0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65.0.0.84-.27 2.75 1.026A9.564 9.564.0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688.0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855.0 1.338-.012 2.419-.012 2.747.0.268.18.58.688.482A10.019 10.019.0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/></svg> 66</a><a class="text-slate-400 transition hover:text-slate-600 dark:text-slate-300 dark:hover:text-slate-100" href=https://mastodon.social/@opensourcedesign target=_blank rel="me noopener noreferrer" aria-label=Mastodon title=Mastodon><svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792.0 11.813.0h-.03c-3.98.0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057.0 00.023-.043v-1.809a.052.052.0 00-.02-.041.053.053.0 00-.046-.01 20.282 20.282.0 01-4.709.545c-2.73.0-3.463-1.284-3.674-1.818a5.593 5.593.0 01-.319-1.433.053.053.0 01.066-.054c1.517.363 3.072.546 4.632.546.376.0.75.0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23.0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112.0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311.0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13.0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"/></svg> 67</a><a class="text-slate-400 transition hover:text-slate-600 dark:text-slate-300 dark:hover:text-slate-100" href=https://bsky.app/profile/opensourcedesign.net target=_blank rel="noopener noreferrer" aria-label=Bluesky title=Bluesky><svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908.0 3.08.0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741.0 01-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.479.0-.688-.139-1.86-.902-2.203-.659-.299-1.664-.621-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8z"/></svg> 68</a><a class="text-slate-400 transition hover:text-slate-600 dark:text-slate-300 dark:hover:text-slate-100" href=https://opencollective.com/opensourcedesign target=_blank rel="noopener noreferrer" aria-label="Open Collective" title="Open Collective"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 0C5.373.0.0 5.373.0 12s5.373 12 12 12c2.54.0 4.894-.79 6.834-2.135l-3.107-3.109a7.715 7.715.0 110-13.512l3.107-3.109A11.943 11.943.0 0012 0zm9.865 5.166-3.109 3.107A7.
6867 7.67.0 0119.715 12a7.682 7.682.0 01-.959 3.727l3.109 3.107A11.943 11.943.0 0024 12c0-2.54-.79-4.894-2.135-6.834z"/></svg> 69</a><a class="text-slate-400 transition hover:text-slate-600 dark:text-slate-300 dark:hover:text-slate-100" href=https://discourse.opensourcedesign.net target=_blank rel="noopener noreferrer" aria-label=Forum title=Forum><svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.103.0C18.666.0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532.0 12.103.0z"/></svg></a></div></div><div><h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">Community</h2><ul class="mt-3 space-y-2"><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=https://discourse.opensourcedesign.net/ target=_blank rel="noopener noreferrer">Forum</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=https://github.com/opensourcedesign target=_blank rel="noopener noreferrer">GitHub</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=https://opencollective.com/opensourcedesign target=_blank rel="noopener noreferrer">Open Collective</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=https://cloud.opensourcedesign.net/apps/calendar/p/CqJYyXyYsFqfPsfr/dayGridMonth/now target=_blank rel="noopener noreferrer">Community Calendar</a></li></ul></div><div><h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">Resources</h2><ul class="mt-3 space-y-2"><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/about-us/manifesto/>Manifesto</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/about-us/by-laws/>By-Laws</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/about-us/governance/>Governance</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/about-us/code-of-conduct/>Code of Conduct</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/brand/>Brand Assets</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/tags/>Browse Topics</a></li></ul></div><div><h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">Contribute</h2><ul class="mt-3 space-y-2"><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/jobs/job-form/>Post a Job</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=/resources/how-to-join/>How to Join</a></li><li><a class="text-sm text-slate-600 underline-offset-4 no-underline transition hover:text-slate-900 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-100" href=https://github.com/opensourcedesign/opensourcedesign.net target=_blank rel="noopener noreferrer">Contribute on GitHub</a></li></ul></div></div><div class="mt-10 border-t border-slate-200 pt-6 dark:border-slate-800"><div class="flex flex-col gap-4 text-sm text-slate-500 sm:flex-row sm:items-center sm:justify-between dark:text-slate-300"><p>© 2026 Open Source Design. Content licensed under <a class="underline-offset-2 underline transition hover:text-slate-700 focus-visible:outline-none dark:text-slate-200 dark:hover:text-slate-50" href=https://creativecommons.org/licenses/by/4.0/ target=_blank rel="noopener noreferrer">CC BY 4.0</a>.</p><div class="flex items-center gap-4"><a class="underline-offset-4 no-underline transition hover:text-slate-700 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-50" href=/imprint/>Imprint</a> 70<a class="underline-offset-4 no-underline transition hover:text-slate-700 hover:underline focus-visible:underline focus-visible:outline-none dark:text-slate-300 dark:hover:text-slate-50" href=/feed.xml>RSS Feed</a></div></div></div></div></footer><dialog id=osd-search-dialog class=osd-search-dialog aria-label="Search the site" data-pagefind-base=/pagefind/ data-pagefind-ignore><div class=osd-search><form class=osd-search__bar role=search data-search-form><svg class="osd-search__bar-icon" fill="none" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5.0 105.196 5.196a7.5 7.5.0 0010.607 10.607z"/></svg> 71<input type=search class=osd-search__field placeholder="Search events, resources, jobs…" aria-label="Search the site" role=combobox aria-haspopup=listbox aria-expanded=false aria-controls=osd-search-results aria-autocomplete=list autocomplete=off autocapitalize=off spellcheck=false enterkeyhint=search data-search-input> 72<button type=submit class=sr-only>Search</button> 73<button type=button class=osd-search__close data-search-close aria-label="Close search"> 74<svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
74<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg></button></form><div class=osd-search__panel><p class=osd-search__status data-search-status aria-live=polite>Type to search events, resources, jobs, and pages.</p><ul id=osd-search-results class=osd-search__results role=listbox aria-label="Search results" data-search-results></ul></div><div class=osd-search__footer><span class=osd-search__hint><kbd>↑</kbd><kbd>↓</kbd> navigate</span> 75<span class=osd-search__hint><kbd>↵</kbd> open</span> 76<span class=osd-search__hint><kbd>esc</kbd> close</span> 77<span class=osd-search__brand>Search by Pagefind</span></div></div></dialog><button class="scroll-to-top fixed bottom-6 right-6 z-40 flex h-12 w-12 items-center justify-center rounded-full bg-slate-900 text-white shadow-lg transition hover:bg-slate-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900/50 focus-visible:ring-offset-2 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white dark:focus-visible:ring-slate-100/50 dark:focus-visible:ring-offset-slate-950" type=button aria-label="Scroll to top of page" id=scroll-to-top> 78<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 17a.75.75.0 01-.75-.75V5.56L5.78 9.03A.75.75.0 014.72 7.97l4.75-4.75a.75.75.0 011.06.0l4.75 4.75a.75.75.0 01-1.06 1.06l-3.47-3.47v10.69A.75.75.0 0110 17z" clip-rule="evenodd"/></svg> 79</button>
80<script>window.__OSD_MODULES={search:"/js/search-modal.min.542d6d9bb1307288ffea13cd4cec033e0c6e4cfa6ceaf2a6a0124b7cdc5b36ae.js",notfound:"/js/notfound-search.min.6809658847ef6e6250815e967cfb20610993eedafa15626f3bbcc5a6a8878531.js",lightbox:"/js/lightbox.min.0f5c61560d4273d2adcb12bb41399451c934584135635ce8a0a083026c47a52b.js",jobMarkers:"/js/job-markers.min.5649765272020d8ccf85374cb09346c7110baf9e1784c07311bc005dfd971c2e.js"}</script>
80<script type=module src=/js/main.min.ae50b5832d5277eff8ea8b2d5254330a436d96f4e851b081cbaec612bc41aea0.js integrity="sha256-rlC1gy1Sd+/46ostUlQzCkNtlvToUbCBy67GErxBrqA=" defer></script>
80<script src=/js/instantpage.min.25c6c5aa418623cf5ccd66574be24a4ca90144f4592281938556e4dba558ddd1.js integrity="sha256-JcbFqkGGI89czWZXS+JKTKkBRPRZIoGThVbk26VY3dE=" type=module></script>
80</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.