29: Deploying Our New Typeface: Spotify Mix

<p>Last year Spotify launched a big update to the app: a new typeface. </p><p>For most of us, changing fonts is easy. It’s just a dropdown menu away. But creating a whole new typeface and then rolling it out across 45 unique platforms, and over 2,000 types of devices spread across 200 brands – that’s not so simple. </p><p>This brand new font is called Spotify Mix and it was made just for Spotify. From playlists to microsites and billboards, it’s what you’ll see everywhere you see Spotify, representing the brand’s distinctive voice. </p><p>In this episode, we’ll get into the technical and aesthetic challenges that go into creating and deploying a new typeface as well as what made its release possible: Spotify’s internal design system, known as Encore. </p><p>Host and principal engineer Dave Zolotusky speaks with two people on Spotify’s design platform team who helped bring Spotify Mix to the world: an iOS engineer and “Spotify’s one and only typographer” — a designer who specializes in type and fonts.</p><p>Learn more about Spotify Mix and our internal design system, Encore:</p><ul><li><a href="https://newsroom.spotify.com/2024-05-22/introducing-spotify-mix-our-new-and-exclusive-font/" target="_blank" rel="ugc noopener noreferrer">Introducing Spotify Mix, Our New and Exclusive Font — Spotify</a></li><li><a href="https://www.figma.com/blog/creating-coherence-how-spotifys-design-system-goes-beyond-platforms/"><u>Creating coherence: How Spotify’s design system goes beyond platforms — Figma</u></a></li><li><a href="https://open.spotify.com/episode/29s3cXBqb0pjWu30DNFzol?si=a98d546a978143ae"><u>Design Systems Podcast, Ep. 84: Digital typography: Suggesting, not dictating</u></a></li></ul><p>Read what else we’re nerding out about on the Spotify Engineering Blog: <a href="https://engineering.atspotify.com/" target="_blank" rel="ugc noopener noreferrer">engineering.atspotify.com</a></p><p>You should follow us on Twitter <a href="https://twitter.com/SpotifyEng" target="_blank" rel="ugc noopener noreferrer">@SpotifyEng</a>, <a href="https://www.linkedin.com/showcase/spotify-r&d" target="_blank" rel="ugc noopener noreferrer">LinkedIn</a>, and <a href="https://www.youtube.com/channel/UCHBvqSwbfAf5Vx1jrwkG43Q" target="_blank" rel="ugc noopener noreferrer">YouTube</a>!</p>