--- title: "Claude with Rainbrand for Yumbun | Rainbrand" description: "Claude used Rainbrand and Yumbun’s brand to decode the kanji on its bao menu: a counter screen, a tray liner, a phone menu and a photo of the one bao its library was missing." url: "https://www.rainbrand.com/examples/yumbun/" --- (Example) Claude 4 outputs # Claude with Rainbrand for [Yumbun](https://yumbun.com/). ## The test We asked Claude to make something useful for Yumbun. It chose to explain the Japanese characters on its bun menu and wrote the prompt below. ## The setup Claude could use the [Rainbrand MCP](https://docs.rainbrand.com/mcp/connect), with Yumbun’s brand added from [yumbun.com](https://yumbun.com/). ## Prompt Use Rainbrand and Yumbun’s brand to make something useful for its food-hall counters: decode the kanji names on its bao menu. Make a photo of the aubergine bao (its brand library has none), a 20-second counter-screen menu loop, an A3 tray liner and the phone menu the liner’s QR code opens. Use the real menu. [![Yumbun’s homepage, yumbun.com: the YUM BUN logo above the headline Fluffy clouds of flavour fusion, over a table of bao, gyoza and slaw.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fyumbun%2Foutputs%2Fyumbun-home.webp&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://yumbun.com/) ## How Claude made it From Yumbun’s brand to four pieces for its counters, each reviewed twice. 1. Brand 2. Brief 3. Outputs 4. Review ## Brand [Read the docs](https://docs.rainbrand.com/guides/create-brand) Rainbrand turns a brand’s identity, guidance and files into shared context that agents can use. Yumbun’s brand was added from [yumbun.com](https://yumbun.com/). ## Brief [Read the docs](https://docs.rainbrand.com/guides/request-brief) A Brief is focused brand guidance and files for one task. Claude requested one for the photo and one for the counter pieces. ## Outputs [View more examples](https://www.rainbrand.com/examples/) Yumbun sells filled steamed buns at two London food markets, and its menu names each one in Japanese characters. These four pieces explain them. The menu comes from [yumbun.com](https://yumbun.com/); the readings, meanings and jokes are Claude’s. Aubergine bao photo AI Gateway A new aubergine bun photo, made to match Yumbun’s existing menu photography. [![The new aubergine bao photo: panko-crumbed aubergine, chilli bean sauce, cucumber and spring onion in a folded bun, on a plate on a pink table against light wood slats.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fyumbun%2Foutputs%2Faubergine-bao.webp&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/yumbun/outputs/aubergine-bao.webp) [Open image](https://www.rainbrand.com/examples/yumbun/outputs/aubergine-bao.png) Overhead menu video A looping menu video for Yumbun’s stall at London’s Seven Dials Market. [Open video](https://www.rainbrand.com/examples/yumbun/outputs/counter-screen.mp4) Printed tray menu A paper menu for food trays, explaining each bun’s name and fillings. [![The A3 tray liner, Read your bao: five cards, one per menu item, each with a photo, its kanji in large type, what each character means, the English name, fillings, diet tags and a joke. A QR code, the diet key and a line on Broadway Market in 2010.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fyumbun%2Foutputs%2Ftray-liner-v3.webp&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/yumbun/outputs/tray-liner-v3.webp) Its QR code opens [yumbun.com](https://yumbun.com/) for now. [Open PDF](https://www.rainbrand.com/examples/yumbun/outputs/tray-liner-v3.pdf) Interactive phone menu A mobile menu where Japanese characters reveal each bun’s fillings and price. [Open menu](https://www.rainbrand.com/examples/yumbun/phone-menu/index.html) AI Gateway The photo was made with Rainbrand’s AI Gateway: state-of-the-art image and video models. You can also use your own generation tools instead. [Read the docs](https://docs.rainbrand.com/mcp/tools#model-discovery-and-generation) ## Review [Read the docs](https://docs.rainbrand.com/guides/request-review) A Rainbrand Review checks an asset against the brand. When a check failed, Claude fixed the asset and asked for another Review. Colour, before Fail ![A menu card on the tray menu in round 2: the aubergine bao’s fillings and diet tags.](https://www.rainbrand.com/examples/yumbun/review/r2/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) - Menu cards Observed ``` #FFFFFF ``` Not in Yumbun’s palette Doesn’t match Review comment > “The canvas and Bun Box card match brand palette tones, but the four menu cards use an unapproved stark white, as requested.” Review flagged white cards; Claude switched them to the brand cream. Colour, after Pass ![A menu card on the tray menu in round 3: the aubergine bao’s fillings and diet tags.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) - Menu cards Observed ``` #FBF8EF ``` Approved ``` #FAF8EF ``` Matches Review comment > “The cream backgrounds and black typography match approved brand palette colors throughout the tray liner.” Menu video Pass A still from Yumbun’s overhead menu. Logo, copy, typography and colour passed Pass Logo Pass [Brand logo](https://www.rainbrand.com/examples/yumbun/brand/b4328b78-9f36-4e07-adb6-4f8cc59bbcd0.svg) ![Yumbun’s stacked YUM BUN wordmark, from the brand.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fyumbun%2Fbrand%2Fb4328b78-9f36-4e07-adb6-4f8cc59bbcd0.svg&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) [Observed](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp) ![The wordmark in the counter screen’s corner.](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Remove the backgrounds and colour ![The brand logo reduced to its black shape.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-counter/brand-shape.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)![The mark extracted from the artwork, reduced to its black shape and lined up with the brand logo.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-counter/artwork-shape.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Line up and overlap [![The aligned logos overlaid: matching parts are black, brand-only parts are blue, and artwork-only parts are pink.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-counter/overlay.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-counter/overlay.png) - Matching parts - Brand only - Observed only Review comment > “The primary YUM BUN logo appears unaltered and clearly legible in black against the cream background at top left.” Copy Pass ![茄子, with aubergine under it, from the counter screen.](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)![The price flower: £6, 2 for £11.50.](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Wording As requested Matches Voice Food-forward Matches Review comment > “All menu items, Japanese readings, descriptions, tags, and pricing match the requested text accurately and fit the brand's food-forward voice.” Typography Pass ![Aubergine, nasu, from the counter screen.](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Faro Lucky Bold 700 Matches ![The aubergine bao’s fillings, from the counter screen.](https://www.rainbrand.com/examples/yumbun/review/r2/counter-2.6.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Faro Lucky 400 Matches Review comment > “Aubergine heading, price, and button text match Faro Lucky Bold 700, while descriptions match Faro Lucky 400 body type.” Colour Pass - Background Observed ``` #F8F8EC ``` Approved ``` #FAF8EF ``` Matches - Text Observed ``` #000000 ``` Approved ``` #000000 ``` Matches Review comment > “Canvas background matches the light-mode cream (#FAF8EF) and text/accents match black (#000000). The yellow flower is approved supplied artwork.” Tray menu Pass A paper menu for food trays. Logo, copy, typography and colour passed Pass Logo Pass [Brand logo](https://www.rainbrand.com/examples/yumbun/brand/b4328b78-9f36-4e07-adb6-4f8cc59bbcd0.svg) ![Yumbun’s stacked YUM BUN wordmark, from the brand.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fyumbun%2Fbrand%2Fb4328b78-9f36-4e07-adb6-4f8cc59bbcd0.svg&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) [Observed](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp) ![The wordmark at the tray liner’s top left.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Remove the backgrounds and colour ![The brand logo reduced to its black shape.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-liner/brand-shape.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)![The mark extracted from the artwork, reduced to its black shape and lined up with the brand logo.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-liner/artwork-shape.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Line up and overlap [![The aligned logos overlaid: matching parts are black, brand-only parts are blue, and artwork-only parts are pink.](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-liner/overlay.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/yumbun/logo-process/yumbun-liner/overlay.png) - Matching parts - Brand only - Observed only Review comment > “The primary stacked YUM BUN logo and the smiling brand mark are clearly displayed, unaltered, and legible.” Copy Pass ![豆腐, with bean and curdled under its characters, from the tray liner.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)![Bean, curdled. Tastier than it sounds.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Wording As requested Matches Voice Playful Matches Review comment > “All menu items, translations, jokes, and brand history copy match the request accurately and fit the playful brand voice.” Typography Pass ![Read your bao, the tray liner’s headline.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Faro Lucky Bold Matches ![The aubergine bao’s fillings, from the tray liner.](https://www.rainbrand.com/examples/yumbun/review/r3/tray-liner.webp?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Faro Lucky regular Matches Review comment > “The headlines and body text correctly use the brand’s approved Faro Lucky typefaces in appropriate weights.” Colour Pass - Canvas Observed ``` #FBF8EF ``` Approved ``` #FAF8EF ``` Matches - Menu cards Observed ``` #FBF8EF ``` Approved ``` #FAF8EF ``` Matches - Bun Box card Observed ``` #F3F1E2 ``` Approved ``` #F3F2E2 ``` Matches - Text Observed ``` #000000 ``` Approved ``` #000000 ``` Matches Review comment > “The cream backgrounds and black typography match approved brand palette colors throughout the tray liner.” ## Try it yourself. Add Rainbrand to the agent you already use. [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 in your terminal. ``` claude mcp add --transport http --scope user rainbrand https://mcp.rainbrand.com/mcp ``` 2. Sign in to Rainbrand. ``` claude 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.claude-plugin.zip). ### 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). One brand, every agent Rainbrand turns your Identity, Guidance and files into shared Context that agents and products can use. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)