--- title: "Clay brand guidelines: logo, colors and fonts | Rainbrand" description: "Clay’s logo, colors (#000000, #395AFA, #3BD3FD), fonts (Roobert, Roobert Mono), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/clay/" --- (Brand guidelines) // Business software # Clay brand guidelines Clay’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from clay.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/clay/clay-brand-skill.zip) ![Clay logo: the clay kiln and the word clay in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fclay%2Fclay-lockup.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Black #000000 - Blueberry #395AFA - Slushie #3BD3FD - Pomegranate #FC7981 ## About Clay Clay is a revenue-growth platform that brings data, AI agents, and workflows together so go-to-market teams can build, run, and improve their own growth systems. Its identity pairs a clear, capable technology brand with playful, colorful, tactile imagery. ## Clay logo - ![Clay logo: the clay kiln and the word clay in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fclay%2Fclay-lockup.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · PNG [Download Clay logo: the clay kiln and the word clay in black](https://www.rainbrand.com/brand-guidelines/clay/clay-lockup.png) - ![Clay kiln symbol in cyan, coral and yellow](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fclay%2Fclay-icon.png&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · PNG [Download Clay kiln symbol in cyan, coral and yellow](https://www.rainbrand.com/brand-guidelines/clay/clay-icon.png) Clay’s logo pairs the kiln, a sculpted arch in cyan, coral and yellow, with the lowercase clay wordmark. Use the full logo as the default signature and the kiln alone when space is limited or a symbol is the better fit. Keep each mark intact and legible, and choose a background that preserves its visibility. ## Clay colors - Black Wordmark, headings and text HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - Blueberry Accent color, highlighted words and buttons HEX #395AFA Copy HEX RGB 57, 90, 250 Copy RGB - Slushie Bright cyan accent, as in the kiln HEX #3BD3FD Copy HEX RGB 59, 211, 253 Copy RGB - Pomegranate Coral accent, as in the kiln HEX #FC7981 Copy HEX RGB 252, 121, 129 Copy RGB - Lemon Yellow accent, as in the kiln HEX #FBBD41 Copy HEX RGB 251, 189, 65 Copy RGB - Oat Warm page and section backgrounds HEX #FEFDFB Copy HEX RGB 254, 253, 251 Copy RGB - White Backgrounds and cards HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Clay fonts - Roobert Headings · 575, Body · 400 - Roobert Mono Tags and labels · 400 Font names only. The Brand Skill download doesn’t include font files. ## Clay’s voice Clay writes with confident clarity and a builder’s optimism. Lead with the practical outcome, then explain how data, AI, or automation helps make it happen. Keep the language direct, useful, and human; make ambitious ideas feel actionable. Use concrete language about what teams can do: “Build systems to grow revenue,” “You set the goal, Clay builds the play,” and “Build your workflows once—apply them everywhere.” Clay can also be warm and playful when the subject invites it: “We help every company grow to its full potential.” - “Build systems to grow revenue” - “You set the goal, Clay builds the play” - “Build your workflows once—apply them everywhere” - “We help every company grow to its full potential” ## Dos and don’ts ### Do - Pair Clay’s functional, growth-oriented message with a distinctive visual touch: bright 3D forms, playful constructed scenes, or tactile clay-like objects. - Make product value easy to understand with clear hierarchy, concrete outcomes, and authentic views of Clay’s workflows and interface. - Write in active, plain language. Explain the action and result, and let the reader see how the work gets done. - Keep the logo artwork intact and choose a contrasting field that keeps it visible. ### Don’t - Don’t let decorative color or playful imagery obscure the message or product. - Don’t rely on vague claims where a clear workflow, use case, or result can explain the value. - Don’t make the voice sound stiff or needlessly technical; Clay’s copy makes complex GTM work understandable and approachable. - Don’t distort, crop into, or recolor the logo mark. ## More from the Brand Skill ### Imagery and illustration Clay’s marketing imagery is playful, tactile, and dimensional. Use colorful 3D objects, clay-like surfaces, soft sculptural forms, and imaginative little mechanisms to make abstract systems feel tangible. Scenes can be surreal or whimsical, but should still feel polished and intentional. Clay also uses photography and community storytelling to show the people and teams around its work. Keep these images candid, human, and grounded in the story they accompany. ### Product interface and workflow imagery When showing Clay’s product, make the interface itself the evidence: tables, enrichment steps, signals, agent reasoning, workflow connections, and clear outputs. Keep UI text and data readable. Use realistic screens and workflow diagrams rather than substituting abstract decoration for the product experience. ### Editorial and campaign imagery Clay’s editorial work combines product ideas, GTM themes, and campaign storytelling. Use the cover art as inspiration for a range of treatments, from abstract data and agent concepts to human-centered, editorial scenes. Keep each treatment tied to its subject rather than forcing every article into one template. ## Download Clay’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 Clay’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/clay/clay-brand-skill.zip) clay-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ imagery-and-illustration.md │ ├ product-interface.md │ ├ editorial-imagery.md │ ├ voice.md │ ├ colors.md │ ├ logo.md │ └ typography.md └ assets/logos/ ├ clay-lockup.png └ clay-icon.png Rainbrand’s Brand Agent built this Brand Skill from clay.com on 30 Oct 2026. It isn’t Clay’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Clay and its logos are trademarks of Clay Labs, Inc. Rainbrand isn’t affiliated with or endorsed by Clay Labs, 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/) - [Attio brand guidelines](https://www.rainbrand.com/brand-guidelines/attio/) 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/)