--- title: "Illustrations | Rainbrand" description: "Create illustrations with an agent using Rainbrand's visual guidance and references, choosing raster or editable vector output for the task." url: "https://www.rainbrand.com/use-cases/illustrations/" --- Use cases Illustrations # Illustrations, always on-brand Give your agent the brand's illustration style and references, then develop concepts that belong together. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the guide](https://docs.rainbrand.com/use-cases/illustrations) Gumroad · Illustrations ![Gumroad First sale illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-first-sale.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)![Gumroad Small bets illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-small-bets.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)![Gumroad Sell anywhere illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-sell-anywhere.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R) GUMROAD · 3 ILLUSTRATIONS ## (01) Why use Rainbrand A set of illustrations can share a palette and still miss the brand's line work, shapes, characters and humour. Rainbrand gives your agent a Brief with the visual guidance and selected references to carry those details through the set. How it's made ## From references to a family of illustrations. Rainbrand · create\_brief Ready Brand: Gumroad Task: First sale, Small bets and Sell anywhere Returns: Guidance and selected references 1 Brief ### Find the brand's visual language. ![Gumroad First sale illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-first-sale.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)![Gumroad Small bets illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-small-bets.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R)![Gumroad Sell anywhere illustration concept](https://www.rainbrand.com/_next/image?url=%2Fuse-cases%2Feditable-svg-illustrations%2Fgumroad-sell-anywhere.svg&w=384&q=75&dpl=dpl_4PZ4MUHsNt71gXGFiAE5vhr71o4R) 2 Create ### Carry the references' style through the set. What to check 4 checks - Palette, shapes and line weight - Consistency across concepts - Clarity at the intended size - Editable paths when required 3 Review ### Review the set together. With your agent ## Ask your agent for illustrations. Describe what each illustration should show and where it will appear. Your agent uses the Brief's guidance and references to create the set, then checks the illustrations together. [Read the guide](https://docs.rainbrand.com/use-cases/illustrations) Works with your favourite agents - [](https://www.rainbrand.com/integrations/claude/) - [](https://www.rainbrand.com/integrations/cursor/) - [](https://www.rainbrand.com/integrations/codex/) - [](https://www.rainbrand.com/integrations/chatgpt/) - [](https://www.rainbrand.com/integrations/) Claude Rainbrand connected You Create three illustrations for Gumroad's website: making a first sale, trying small ideas and selling anywhere. I'll inspect Gumroad's illustration references and develop one concept for each subject, keeping the palette and line work consistent across the set. The Gumroad examples are downloadable SVGs. The guide also covers choosing the output format. Customers ## Teams building with Rainbrand. How companies integrate Rainbrand into their agents and products. [All customer stories](https://www.rainbrand.com/customers/?ref=landing) Revnu > “We use Rainbrand to fetch each customer’s brand and generate accurate, on-brand creative for their ads. It means we don’t have to reinvent that part of the stack ourselves.” George Jefferson Co-founder, Revnu [Read the story: Revnu puts a brand layer inside its AI growth product](https://www.rainbrand.com/customers/revnu/?ref=landing) Letter > “We pushed Rainbrand to production as our default image solution.” Mathew Pregasen Founder and CEO, The Letter Company [Read the story: Letter builds Rainbrand into Letterpress](https://www.rainbrand.com/customers/letter/?ref=landing) The GTM Co-Founder > “I have the ideas, but turning them into great design was always a struggle. Rainbrand makes me feel like the best designer in the world, and I don’t think I’ll need to hire one for the small stuff again.” Shane O’Connor Founder, The GTM Co-Founder [Read the story: The GTM Co-Founder uses one agent across several brands](https://www.rainbrand.com/customers/gtm-cofounder/?ref=landing) ## Make illustrations in the brand's style. Connect Rainbrand to your agent, add a brand and describe the illustrations you need. [Use it with your agents](https://docs.rainbrand.com/mcp/getting-started) [Integrate it with your product](https://docs.rainbrand.com/getting-started/embed-into-your-product) ### 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). Illustrations FAQ ## Asked, answered. [All FAQs](https://www.rainbrand.com/faq/) ### Do the illustrations have to be SVGs? No. Choose raster images or editable vectors to suit the placement. SVG is useful when you need to scale the work or edit individual shapes. ### Can I download the Gumroad examples? Yes. The guide links to all three SVG files. [Open the guide](https://docs.rainbrand.com/use-cases/illustrations). 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/) [View pricing](https://www.rainbrand.com/pricing/)