--- title: "Linear brand guidelines: logo, colors and fonts | Rainbrand" description: "Linear’s logo, colors (#F4F5F8, #222326, #5E6AD2), fonts (Inter, Berkeley Mono), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/linear/" --- (Brand guidelines) // Productivity software # Linear brand guidelines Linear’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from linear.app. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/linear/linear-brand-skill.zip) ![Linear logo](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Flinear%2Flinear-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Mercury White #F4F5F8 - Nordic Gray #222326 - Indigo #5E6AD2 - Violet accent #7170FF ## About Linear Linear is a product development system for teams and agents, built to help people plan, coordinate, and ship products with speed and focus. Its brand pairs precise, restrained design with a craft-minded, direct voice. ## Linear logo - ![Linear logo](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Flinear%2Flinear-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Linear logo](https://www.rainbrand.com/brand-guidelines/linear/linear-wordmark.svg) Use the Linear logo, the symbol beside the name, as the default identity artwork. The symbol on its own is a supported mark for compact placements. Preserve each mark’s original proportions and artwork. ## Linear colors - Mercury White Light brand color HEX #F4F5F8 Copy HEX RGB 244, 245, 248 Copy RGB - Nordic Gray Dark brand color HEX #222326 Copy HEX RGB 34, 35, 38 Copy RGB - Indigo Primary brand color HEX #5E6AD2 Copy HEX RGB 94, 106, 210 Copy RGB - Violet accent Website accent HEX #7170FF Copy HEX RGB 113, 112, 255 Copy RGB - Near-black Website dark background HEX #08090A Copy HEX RGB 8, 9, 10 Copy RGB - Off-white Website text on dark HEX #F7F8F8 Copy HEX RGB 247, 248, 248 Copy RGB ## Linear fonts - Inter Headings · 510, Body · 400 - Berkeley Mono Code Font names only. The Brand Skill download doesn’t include font files. ## Linear’s voice Write with clarity, restraint, and confidence. Lead with the work and its value; prefer plain language to hype. Be purposeful and specific, with a sense of craft and forward motion. Linear’s own principles put it simply: “Simplify and ship smaller.” “Listen carefully and understand their problems.” “Get to the point and assume good intentions.” The brand’s product copy balances ambition with practical outcomes: “Purpose-built for planning and building products. Designed for the AI era.” “Linear is designed to surface exactly what you need, when you need it.” “Most of what makes software feel good is what you aren’t likely to see.” Choose short, declarative sentences. Explain what changes, why it matters, and what a team can do next. Favor thoughtful, human language over inflated claims; show speed and quality through concrete benefits. - “Simplify and ship smaller” - “Listen carefully and understand their problems” - “Get to the point and assume good intentions” - “Purpose-built for planning and building products. Designed for the AI era” - “Linear is designed to surface exactly what you need, when you need it” - “Most of what makes software feel good is what you aren’t likely to see” ## Dos and don’ts ### Do - Use the logo or standalone symbol with its original artwork and proportions. - Build digital work on Linear’s dark interface palette and Inter, keeping the violet accent for emphasis. - Make the work feel purposeful, focused, and carefully made; let the primary content take precedence over supporting detail. - Write directly, focus on user needs, and make the next step clear. - Explain product capabilities with concrete examples and outcomes. ### Don’t - Don’t redraw, stretch, or casually alter the Linear marks. - Don’t let navigation, decoration, or secondary interface elements compete with the main task. - Don’t add visual separators or icon treatments without a clear purpose; prefer quieter structure and reduced visual noise. - Don’t bury the point in jargon, excessive process, or grandiose claims. - Don’t imply that an AI agent replaces human accountability; Linear’s product messaging keeps people involved in review and oversight. ## More from the Brand Skill ### Visual design and product imagery Linear’s visual language is restrained, precise, and information-dense. Keep attention on the work area; let navigation and orientation recede. Build structure through clear grouping and subtle separation rather than a profusion of borders. Use compact, quiet controls and purposeful iconography. When showing the product, preserve the recognizable Linear interface: dark workspace surfaces, clear issue and project structure, functional labels and status cues, and realistic content. Product imagery should communicate a real task or workflow—planning, triage, agent work, code review, or team coordination—rather than a generic technology tableau. #### Brand marks and atmospheric imagery Use Linear’s abstract graphic artwork as atmosphere around the identity or editorial message. The black-and-white pixel-grid pattern and the globe-like illustration are examples of brand-associated graphic imagery. ### Product imagery Use Linear’s own interface screenshots to show the product in context. Keep UI text, controls, and visual states legible enough to convey the workflow. The product spans intake, planning, AI and automation, and building and shipping; choose imagery that matches the creative task. ## Download Linear’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 Linear’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/linear/linear-brand-skill.zip) linear-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ dos-and-donts.md │ ├ logo.md │ ├ typography.md │ ├ visual-design.md │ ├ voice.md │ └ product-imagery.md └ assets/logos/ └ linear-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from linear.app on 30 Oct 2026. It isn’t Linear’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Linear and its logos are trademarks of Linear Orbit, Inc. Rainbrand isn’t affiliated with or endorsed by Linear Orbit, 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/) - [Dropbox brand guidelines](https://www.rainbrand.com/brand-guidelines/dropbox/) Productivity software - [Granola brand guidelines](https://www.rainbrand.com/brand-guidelines/granola/) Productivity software - [Notion brand guidelines](https://www.rainbrand.com/brand-guidelines/notion/) Productivity software 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/)