--- title: "Attio brand guidelines: logo, colors and fonts | Rainbrand" description: "Attio’s logo, colors (#1C1D1F, #FFFFFF, #101010), fonts (Inter Display, Inter), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/attio/" --- (Brand guidelines) // Business software # Attio brand guidelines Attio’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from attio.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/attio/attio-brand-skill.zip) ![Attio logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fattio%2Fattio-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Attio black #1C1D1F - White #FFFFFF - Near-black #101010 - Slate gray #6F7988 ## About Attio Attio is an agentic CRM that brings customer signals into shared context and helps teams build pipeline, advance deals, and grow accounts. Its brand combines a flexible, modern software experience with an always-on, action-oriented view of revenue work. ## Attio logo - ![Attio logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fattio%2Fattio-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Attio logo in black](https://www.rainbrand.com/brand-guidelines/attio/attio-logo.svg) - ![Attio logomark in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fattio%2Fattio-logo-2.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · SVG [Download Attio logomark in black](https://www.rainbrand.com/brand-guidelines/attio/attio-logo-2.svg) Attio’s logo, the logomark beside the attio wordmark, is the default wherever the layout has room. The logomark alone is the shorthand for tight spaces such as avatars, app icons and logo grids. Never show the wordmark without the logomark or typeset the name in its place, and keep clear space around the mark. ## Attio colors - Attio black Logo, headings and text HEX #1C1D1F Copy HEX RGB 28, 29, 31 Copy RGB - White Page background HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Near-black Dark backgrounds HEX #101010 Copy HEX RGB 16, 16, 16 Copy RGB - Slate gray Secondary text and strokes HEX #6F7988 Copy HEX RGB 111, 121, 136 Copy RGB - Blue Product accent for selections and highlights HEX #266DF0 Copy HEX RGB 38, 109, 240 Copy RGB ## Attio fonts - Inter Display Display headings · 600 - Inter Body · 500 Font names only. The Brand Skill download doesn’t include font files. ## Attio’s voice Write with clear conviction and a bias toward action. Describe what teams can do, then connect it to an outcome. Keep sentences compact, use concrete verbs, and make technical capability feel useful to people doing real work. Attio’s own copy uses direct, energetic lines such as “The intelligent system that never sleeps.” It also frames work in practical, human terms: “Agents dig. You close.” and “The move's ready. You make the call.” For product claims, emphasize shared context, speed, flexibility, and human control. Show how signals become useful decisions or actions rather than relying on generic AI promises. - “The intelligent system that never sleeps” - “Agents dig. You close” - “The move's ready. You make the call” ## Dos and don’ts ### Do - Lead with the concrete customer or revenue outcome, then explain the capability that enables it. - Use crisp, active language that makes the team’s role clear alongside the agent’s. - Make product claims tangible with examples of context, decisions, and next steps. - Use the full logo as the default identity and the logomark when space is limited. - Write Attio as one word with a capital A, and capitalize product names such as Workflows and Ask Attio but not features like custom objects. ### Don’t - Don’t make Attio sound like a generic CRM or an AI add-on; position it as an agentic CRM built around connected customer context. - Don’t promise autonomous action without showing the team’s approval or control where relevant. - Don’t warp, stretch, recolor, or redraw Attio’s logomark. - Don’t show the wordmark without the logomark, or typeset the name in its place. ## More from the Brand Skill ### Product language Position Attio as an agentic CRM: a platform that gathers customer signals into shared context and uses that context to help teams act across revenue work. Explain the value in terms of pipeline, deals, accounts, and better-informed teams. Describe connected context concretely—emails, meetings, product usage, billing, support, records, and connected tools. Emphasize that this context is current, useful to agents and people, and grounded in the customer record. Show agents as collaborators that research, enrich, route, brief, and follow up; show people making the judgment calls and approving changes. For technical audiences, connect the product to the infrastructure beneath it: the data model, integrations, workflows, API, SDK, and MCP. Use product names with Attio’s capitalization: **Call Intelligence**, **Workflows**, and **Ask Attio**. Keep feature names lowercase, such as **custom objects**, **people object**, and **permissions**. Write **Attio** as one word with an uppercase A. ### Product imagery Attio’s product imagery shows the CRM as a connected, information-rich workspace: records, activities, workflows, agents, and reporting working together. Preserve the recognizable product interface when creating product-led work. ### Brand imagery Attio’s visual identity includes its own logo and campaign artwork. Treat campaign artwork as brand imagery, not logo artwork. ## Download Attio’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 Attio’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/attio/attio-brand-skill.zip) attio-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ product-language.md │ ├ voice.md │ ├ product-imagery.md │ ├ colors.md │ ├ typography.md │ ├ brand-imagery.md │ └ logo.md └ assets/logos/ ├ attio-logo.svg └ attio-logo-2.svg Rainbrand’s Brand Agent built this Brand Skill from attio.com on 30 Oct 2026. It isn’t Attio’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Attio and its logos are trademarks of Attio Ltd. Rainbrand isn’t affiliated with or endorsed by Attio Ltd. ## 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/) - [Clay brand guidelines](https://www.rainbrand.com/brand-guidelines/clay/) Business software - [Mailchimp brand guidelines](https://www.rainbrand.com/brand-guidelines/mailchimp/) Business software - [Rippling brand guidelines](https://www.rainbrand.com/brand-guidelines/rippling/) Business 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/)