--- title: "Codex with Rainbrand for Son of a Tailor | Rainbrand" description: "Codex used Rainbrand and Son of a Tailor’s brand to make two pieces for its Cotton T-Shirt: a guide to choosing a fabric weight and a care insert for the parcel." url: "https://www.rainbrand.com/examples/son-of-a-tailor/" --- (Example) Codex 2 outputs # Codex with Rainbrand for [Son of a Tailor](https://www.sonofatailor.com/). ## The test We asked Codex to help someone choose a Son of a Tailor T-shirt, then care for it. ## The setup Codex could use the [Rainbrand MCP](https://docs.rainbrand.com/mcp/connect), and added Son of a Tailor’s brand from [sonofatailor.com](https://www.sonofatailor.com/). ## Prompt Use Son of a Tailor’s brand to make two useful pieces for its Cotton T-Shirt: a responsive editorial guide to choosing between 150 and 200 g/m², and a two-sided A6 care insert to keep after delivery. Use its real imagery, material facts, typography and understated voice. Label both as independent concepts. Request focused Briefs, then review every rendered asset twice and save the evidence. [![Son of a Tailor’s homepage: a man wearing a cream T-shirt beside the Cashmere Collection headline.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Freference-home.webp&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.sonofatailor.com/) ## How Codex made it From the brand to a guide and a care insert, in four steps. 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. Codex added Son of a Tailor’s brand from [sonofatailor.com](https://www.sonofatailor.com/). ## Brief [Read the docs](https://docs.rainbrand.com/guides/request-brief) A Brief is focused brand guidance and files for one task. Codex requested a Brief for each piece: the guide and the insert. ## Outputs [View more examples](https://www.rainbrand.com/examples/) The two pieces Codex made with its Briefs, in HTML and CSS with the brand’s own photographs and fonts. Both are independent concepts, not commissioned or endorsed by Son of a Tailor. Cotton guide A web page that helps shoppers choose between the T-shirt’s two fabric weights and find their size. [![The cotton guide on desktop: A T-Shirt, considered, beside a white T-shirt hanging from a wooden peg; a comparison of 150 and 200 g/m² Supima cotton; then custom sizing and 24 pre-engineered sizes.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Fguide-desktop.png&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/son-of-a-tailor/guide/index.html) [![The cotton guide on a phone, with the comparison and the sizing options stacked.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Fguide-mobile.png&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/son-of-a-tailor/guide/index.html) [Open page](https://www.rainbrand.com/examples/son-of-a-tailor/guide/index.html) Care insert A printed card packed with the T-shirt, with how to wash, dry and iron it. [![Front of the care insert: the SON icon, Care, kept close, and a white T-shirt hanging from a wooden peg.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Fcare-front.png&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/son-of-a-tailor/care-front.png)[![Back of the insert: keep colors separate, wash gently at 40°C, skip fabric softener, let it air dry, iron lightly.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Fcare-back.png&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/son-of-a-tailor/care-back.png) [Open PDF](https://www.rainbrand.com/examples/son-of-a-tailor/cotton-care-a6.pdf) ## Review [Read the docs](https://docs.rainbrand.com/guides/request-review) A Rainbrand Review checks an asset against the brand. Codex asked for two Reviews of every asset. Both rounds passed every applicable check, with no changes between them. Cotton guide Pass Help choosing a T-shirt fabric. Logo, copy, typography and colour passed Pass Copy Pass ![Two weights. The same 100% Supima cotton. A choice worth taking a moment over.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/guide-desktop-opening/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) - Wording Matches exactly Matches - Spelling Correct Matches - Voice Calm, refined Matches Review comment > “All text is spelled correctly and accurately presents the material guide in Son of a Tailor's calm, refined brand voice.” Typography Pass - ![A T-Shirt, considered.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/guide-desktop-opening/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Oatmeal Pro 600 Matches - ![The feel of a T-shirt starts with the fabric.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/guide-desktop-opening/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Ivy Ora Text 400 Matches Review comment > “Headlines are set in Oatmeal Pro 600 and the body copy uses Ivy Ora Text 400, matching brand specifications.” Care insert Pass A care card packed with the T-shirt. Logo, copy, typography and colour passed Pass Logo Pass [Brand logo](https://www.rainbrand.com/examples/son-of-a-tailor/brand/db5df21b-5b71-4130-8acd-df29173cefe4.jpg) ![Son of a Tailor’s SON icon, from the brand.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Fson-of-a-tailor%2Fbrand%2Fdb5df21b-5b71-4130-8acd-df29173cefe4.jpg&w=3840&q=75&dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) [Observed](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/care-back/input.png) ![The SON icon on the care insert.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/care-back/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Compare the square badge outlines ![The brand logo reduced to its black shape.](https://www.rainbrand.com/examples/son-of-a-tailor/logo-process/son-care/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/son-of-a-tailor/logo-process/son-care/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/son-of-a-tailor/logo-process/son-care/overlay.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT)](https://www.rainbrand.com/examples/son-of-a-tailor/logo-process/son-care/overlay.png) - Matching parts - Brand only - Observed only Review comment > “The primary SON brand logo is unaltered, crisp, and clearly visible against the card's clean white background.” Typography Pass - ![For the next wear.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/care-back/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Ivy Ora Display Matches - ![Keep colors separate.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/care-back/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Oatmeal Pro Matches - ![Wash light and dark colors apart.](https://www.rainbrand.com/examples/son-of-a-tailor/review/round-2/care-back/input.png?dpl=dpl_HtMk8RyX1G8uBoVsyvtKnSKQinAT) Font Ivy Ora Text Matches Review comment > “Body text matches Ivy Ora Text, step titles match Oatmeal Pro, and the main heading is set in Ivy Ora Display.” Colour Pass - Background Observed ``` #FFFFFF ``` Approved ``` #FFFFFF ``` Matches - Logo Observed ``` #000000 ``` Approved ``` #000000 ``` Matches Review comment > “The white card background and black logo mark match brand colors. The thin divider lines blend into the background and were not measured.” ## 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/)