{"id":29846,"date":"2024-09-06T10:34:12","date_gmt":"2024-09-06T01:34:12","guid":{"rendered":"https:\/\/designcompass.org\/?p=29846"},"modified":"2024-09-06T10:43:01","modified_gmt":"2024-09-06T01:43:01","slug":"twitch-brand-refresh","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/09\/06\/twitch-brand-refresh\/","title":{"rendered":"Twitch Brand Refresh: From Neutro to Hyper Digital 3D"},"content":{"rendered":"

Twitch has partnered with design agency Porto Rocha to refresh its visual identity. Twitch rebranded in 2019 with a new, gaming-friendly style. The new visual identity has moved away from analog to hyper-digital 3D.<\/p>\n\n\n\n

Twitch's signature pixelated wordmark has gone from a flat design to a glossy, plastic-like 3D shape. Instead of the flat, gradient-like black shadows, it's now a thick plastic that appears to poke through the screen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

The 3D motif is also applied to various graphics. The illustrations depicting objects are expressed like plastic toys. The mysterious transparency and detailed depiction of reflected light in the areas where light hits them are so detailed that it almost feels like you can touch them. The gorgeous and dreamy background animations that seem to appear in the game reinforce the mysterious and bouncy feeling.<\/p>\n\n\n\n

\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n
\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n
\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n
\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n

The Roobert font, named after synthesizer musician Robert Moog, has been streamlined in collaboration with Display Type Foundry. It doesn\u2019t look like much, but the decorative elements have been reduced, making it feel like blocks when placed horizontally. Twitch\u2019s signature purple color and speech bubble mascot \u201cGlitch\u201d are still used.<\/p>\n\n\n\n

\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n

The interface is kept as minimal as possible to focus on the video and the streamer. Icons are minimally decorated or personalized, and the layout is unobtrusive with round pill components.<\/p>\n\n\n\n

\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n
\"\"
Twitch \u00a9portorocha<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

More and Sources<\/h2>\n\n\n\n