--- title: "Twitch brand guidelines: logo, colors and fonts | Rainbrand" description: "Twitch’s logo, colors (#9146FF, #0E0E10, #FFFFFF), fonts (Inter, Roobert), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/twitch/" --- (Brand guidelines) // Social media # Twitch brand guidelines Twitch’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from twitch.tv. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/twitch/twitch-brand-skill.zip) ![Twitch purple wordmark](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-logo.svg) - Twitch Purple #9146FF - Near-black #0E0E10 - White #FFFFFF ## About Twitch Twitch is a live-streaming platform where people gather to watch, create, and connect across gaming, music, art, and more. Its identity pairs a vivid purple accent with a dark foundation and an energetic, community-minded voice. ## Twitch logo - ![Twitch purple wordmark](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-logo.svg) Wordmark Download [SVG of Twitch purple wordmark](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-logo.svg?download=twitch-logo.svg) [PNG of Twitch purple wordmark](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-logo.png?download=twitch-logo.png) - ![Twitch purple Glitch symbol](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-official-glitch.svg) Icon Download [SVG of Twitch purple Glitch symbol](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-official-glitch.svg?download=twitch-official-glitch.svg) [PNG of Twitch purple Glitch symbol](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/twitch-official-glitch.png?download=twitch-official-glitch.png) Use the Twitch wordmark as the primary name signature and Glitch as the compact platform identifier. Preserve the angular lettering and speech-bubble silhouette. Use the purple artwork on a light background. Keep creator, channel and event identities separate from Twitch's own brand marks. ## Twitch colors - Twitch Purple Primary identity color HEX #9146FF Copy HEX RGB 145, 70, 255 Copy RGB - Near-black Dark interface ground HEX #0E0E10 Copy HEX RGB 14, 14, 16 Copy RGB - White Contrast HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Twitch fonts - Inter Primary heading · 700, Body · 400 - Roobert Secondary heading · 500 Font names only. The Brand Skill download doesn’t include font files. ## Twitch’s voice Write with an inviting, community-first energy. Keep copy direct, lively, and easy to scan. Speak about live content and creators with enthusiasm, while making Twitch feel open to many interests and communities. - “Together for gaming, together for you” - “Discover the best live streams anywhere” - “These creative streams have something for everyone” - “Check out some of the top musical talent from around the world, live” - “Watch these talented creators spin, mix, and scratch your favorite music” ## Dos and don’ts ### Do - Use Twitch’s symbol and purple palette to make brand communications immediately recognizable. - Keep copy welcoming, energetic, and community-focused. - Use concise, direct language that helps people discover live content and creators. - Keep interface typography clear and structured with Inter and Roobert. ### Don’t - Don’t substitute a streamer’s or channel’s identity for Twitch’s own mark. - Don’t let promotional language lose the open, community-minded tone. - Don’t use a scattered type hierarchy that undermines clear browsing and reading. ## Twitch imagery 10 images from twitch.tv, in one file of the Brand Skill. Each file starts with its guidance, then shows the images it refers to. ### Imagery 10 images Twitch imagery spans its own identity marks, branded backdrops, community invitations, and product experiences. Use the symbol and purple palette to keep Twitch brand moments recognizable. Product examples show category discovery and live-channel browsing; keep those visual contexts legible and grounded in the platform experience. - ![A diverse group of over twenty energetic coworkers cheer and wave their hands on a sunny outdoor balcony framed by low green hedges and a stone office building.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/851e3106-59b7-4552-afe7-ba3c32971fdd.webp) - ![A hand-drawn digital illustration of a cool white cat's head wearing large black sunglasses.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/927dc96c-605e-4c8b-8781-480cbe881a3f.webp) - ![A whimsical, hand-drawn illustration of a white chocolate chip cookie wearing black sunglasses with a confident smirk.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/1bc4b48b-4477-4945-8103-43b6e01b6d7b.webp) - ![A vertical graphic featuring a stylized, top-down view of a piano keyboard with vibrant purple sharps and flats against white keys.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/480bb99f-3d73-41a8-b898-40e0ea69ca56.webp) - ![A vertical graphic features a stylized, top-down view of piano keys where the traditional black keys are rendered in a glossy, vibrant purple.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/4aca1d19-9885-425e-ba77-18ed3081e028.webp) - ![A translucent purple gummy bear wearing large black over-ear headphones serves as the central subject in this vibrant graphic.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/de29f3a9-f4f2-4695-832c-ad565fe354bc.webp) - ![A translucent purple gummy bear wearing professional black headphones dominates the frame, positioned against a dark background with vibrant purple light…](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/dd0f72c2-7ba4-41cb-8d6f-3529897fec6b.webp) - ![A highly ornate, rococo-style gold frame encircles an oval landscape painting featuring snow-capped mountains and evergreen trees under a bright blue sky.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/259d62f6-1812-4161-880d-f9c496e51f34.webp) - ![A close-up photograph features a person with a bright, toothy smile holding a white ceramic mug, partially obscured by a professional black condenser…](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/ba6576b5-8104-401b-a15a-53420c48abab.webp) - ![A 3D rendering of the white and purple 'twitch' wordmark explodes forward from a vibrant, sunburst-style background.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/twitch/216b6a01-5eb4-5b59-8fed-82a94c409bb4/images/98492f0b-718b-4b5c-b954-e3ed4178b117.webp) ## Download Twitch’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Twitch’s guidelines. It starts at SKILL.md, which points to the right file for each task. It has the guidance, 10 images and the logos. The font files belong to Twitch Interactive, Inc, so they’re left out. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/twitch/twitch-brand-skill.zip) ZIP, 668 KB twitch-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ imagery.md │ ├ logo.md │ ├ typography.md │ ├ voice.md │ └ dos-and-donts.md └ assets/ ├ images/ └ logos/ Rainbrand’s Brand Agent built this Brand Skill from twitch.tv on 3 Nov 2026. It isn’t Twitch’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Twitch and its logos are trademarks of Twitch Interactive, Inc. Rainbrand isn’t affiliated with or endorsed by Twitch Interactive, Inc. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Discord brand guidelines](https://www.rainbrand.com/brand-guidelines/discord/) Social media - [Instagram brand guidelines](https://www.rainbrand.com/brand-guidelines/instagram/) Social media - [LinkedIn brand guidelines](https://www.rainbrand.com/brand-guidelines/linkedin/) Social media The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)