Project Information

Twitch is an interactive livestreaming service for almost any kind of content you can imagine: gaming, entertainment, sports, cooking, music, art, or even just chatting. In other words, it’s a place where streamers and viewers can come together, for whatever. Over the course of a decade, Twitch has built thriving, dynamic online communities — so dynamic that their brand identity system was struggling to keep pace. We worked with the Twitch team to evolve how they show up in the world, modernizing the brand through a more dynamic, digital-first system that puts them back in touch with streamers and fans at the heart of the platform.

Preserving Twitch’s strongest brand equities—wordmark, “Glitch” mascot, Roobert typeface, and signature Purple—we identified an opportunity to push the identity system to extremes, opening up a design spectrum from the super-simple to hyper-expressive. On one side, Twitch’s brand needed to get out of the way to let streamers take the spotlight. On the other, they needed to put visuals into hyperdrive to match the energy of their communities.

We first optimized their existing toolkit to create a more functional foundation, which gave us permission to introduce and dial up new elements elsewhere. We worked with Displaay Type Foundry on an updated version of Roobert, simplified typography systems, and mapped out a more intuitive layout approach that allows their team to easily generate compositions without becoming repetitive.

With this foundation set, we then moved the brand away from analog references and into a hyper-digital, 3D world brimming with graphic motifs — dimensional illustrations, ‘sprites’, emotes, and dynamic gradients. A new photography language embraces cutout techniques to show streamers at their best within a vibrant Twitch world. New motion behaviors—from simple typographic gestures to hyper maximalist digital collage—bring another layer of digital expression, mirroring the pace of interaction on the platform.

In our redesign of Twitch’s interface, we showcased what everyone was there to see: the stream (and its infamously fast-paced chat). Our UI updates focus attention on streamers’ content itself, while new tints and shades of Twitch Purple in light and dark modes serve as a subtle link between brand and product. Further bridging these two worlds, we introduced rounded modules and built-in pill-shaped font that seamlessly flex from UI to brand communication.

As the ultimate celebration of Twitch energy, we introduced the new identity to the world through immersive experiential design for TwitchCon 2023, their annual weekend festival held in Paris and Las Vegas. We opted to bring the new 3D brand illustrations into actual space as oversized sculptural objects and blew up Twitch’s chat emotes to monumental scale — tens of thousands of attendees engaged with installations of their familiar online visual language.

Equal parts function and fun, technicality and “LUL”, Twitch’s identity reconnects with their community through an exciting shared language with just a dash of chaos. With a toolkit designed to evolve at the fast-paced clip of internet culture, Twitch is now ready for whatever comes next.

Credits

PORTO ROCHA

Creative Direction:
Leo Porto, Felipe Rocha,

Design:
Natalia Oledzka, Nathan Fyock, Martín AzambujaChae Park, Yedo Han

Type Design:
Displaay, Marek Nedelka

Interactive Design:
Marcos Rodrigues

Motion Design:
Thales Muniz, Josh Krauth-Harding, Caio Berns Pereira

3D Design:
Pedro Veneziano, Thales Muniz, Justin Davey, Lukas Kawakami

Copywriting
Claren Walker

Project Management:
Elisa Bortolini

Account Director:
Luciana Thiesen

Operations Director:
Nicholas Schroder

Developed in partnership with Twitch Creative Team

Fonts

Twitch Roobert by Displaay

􀈽 Download Project Images