--- title: "X / Twitter brand guidelines: logo, colors and fonts" description: "X / Twitter’s logo, colors (#1D9BF0, #FFFFFF, #000000), fonts (Chirp), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/x/" --- (Brand guidelines) // Social media # X / Twitter brand guidelines X / Twitter’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from x.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/x/x-brand-skill.zip) ![X white mark on black](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/x/x-logo.png) - Blue #1D9BF0 - White #FFFFFF - Black #000000 ## About X / Twitter X is a global social media and real-time information platform for sharing and discovering what’s happening, from news and entertainment to sports and politics. Its experience includes live commentary, personalized feeds, and the Grok AI assistant. ## X / Twitter logo - ![X white mark on black](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/x/x-logo.png) Icon · PNG [Download X white mark on black](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/x/x-logo.png?download=x-logo.png) Use the X mark as the current platform identity. Keep the strokes and proportions intact, with strong black-and-white contrast. The Twitter bird is a historical identity, not a replacement for the current X mark. ## X / Twitter colors - Blue Web accent HEX #1D9BF0 Copy HEX RGB 29, 155, 240 Copy RGB - White Light page background and button surface HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Black Web text and button color HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB ## X / Twitter fonts - Chirp Headings · 600, Body · 500 Font names only. The Brand Skill download doesn’t include font files. ## X / Twitter’s voice Write in a direct, conversational voice that makes information easy to understand. X’s privacy copy opens with a human, lightly informal observation, then explains the subject in plain language and helps readers take control. For explanatory copy, pair warmth with clarity. - “See what’s happening with live commentary from news to sports” - “It’s really hard to make everyone happy with a Privacy Policy” - “What’s yours is yours — you own your Content” ## Dos and don’ts ### Do - Use the X standalone mark artwork when a design calls for the brand mark. - In light web layouts, use white for the page background, black for text, and blue as the accent. - Set X interface headings and body copy in Chirp, using the documented heading and body weights. - Write plainly and directly; use concise language for timely, live content. ### Don’t - Treat the sharing card or iOS icon as a standalone logo. - Replace the documented web accent with a neutral tone in light-theme designs. - Use button labels as a substitute for clear supporting copy; explain the value or action in direct language. - Turn explanatory brand copy into dense or overly formal prose when a plain-language expression will do. ## X / Twitter imagery 2 images from x.com, in one file of the Brand Skill. Each file starts with its guidance, then shows the images it refers to. ### Brand imagery 2 images Keep branded imagery in its proper role. The X sharing card and the iOS icon are useful references for branded digital media, but neither is a standalone logo; use the standalone mark assets for logo work. - ![A crisp, white 'X' logo with a double-lined diagonal stroke centered on a gritty, black background.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/x/0246334e-64c3-5b05-87d8-d5452e7f91c1/images/8af74634-5f0c-4e05-9b61-a4607e42a637.webp) - ![A minimalist white 'X' logo is centered against a solid black background.](https://storage.rainbrand.com/storage/v1/object/public/public-assets/brand-guidelines/x/0246334e-64c3-5b05-87d8-d5452e7f91c1/images/06c3445c-7cac-48a9-9f25-b61790e7bbf1.webp) ## Download X / Twitter’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 X / Twitter’s guidelines. It starts at SKILL.md, which points to the right file for each task. It has the guidance, 2 images and the logos. The font files belong to X Corp, so they’re left out. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/x/x-brand-skill.zip) ZIP, 295 KB x-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ brand-imagery.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ └ voice.md └ assets/ ├ images/ └ logos/ Rainbrand’s Brand Agent built this Brand Skill from x.com on 3 Nov 2026. It isn’t X / Twitter’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. X / Twitter and its logos are trademarks of X Corp. Rainbrand isn’t affiliated with or endorsed by X Corp. ## 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/)