--- title: "Claude with Rainbrand for Friedhats | Rainbrand" description: "Claude used Rainbrand to make a jar-lid sticker, a brew-timer page and an Instagram Story for Friedhats." url: "https://www.rainbrand.com/examples/friedhats/" --- # Claude with Rainbrand for [Friedhats](https://friedhats.com/). [![Friedhats’ homepage, friedhats.com: the boxed FRIEDHATS logo beside a More gratitude, less attitude banner, over a hand pulling the lever of a Probat roaster and a View all coffees button.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Foutputs%2Ffriedhats-home.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)](https://friedhats.com/) Friedhats today [friedhats.com](https://friedhats.com/) ## Step 0: Start with one prompt Claude chose what to make and wrote this prompt, with the Rainbrand MCP connected. > Use Rainbrand and Friedhats’ brand to help people who have just received a jar of its coffee. Friedhats asks you to rest its light roasts before brewing: at least 2 weeks after roasting for espresso and 3–4 weeks for filter, at their best at 5–6 weeks. Make a round sticker for the jar’s lid that shows the resting window, a phone page that works out when your jar is ready, and a 10-second Instagram Story asking people to bring empty jars back to the FUKU café to be washed, sterilised and reused. Use the real guidance from friedhats.com and label anything new as a concept. ## Step 1: Add a brand Added to Rainbrand from [friedhats.com](https://friedhats.com/). A sample of what Claude could use: Logo ![Friedhats’ boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=1080&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) The boxed FRIEDHATS wordmark Colours - #0F172A - #8B8C8B - #D0D0D0 - #FFFFFF - #020817 Typefaces Aa Bb 123 Ubuntu Mono Bold Aa Bb 123 Archivo Black Files 55 ![Friedhats brand image: The Colombia La Maria Gesha natural jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F21f2f4d0-6d2c-4b2e-9950-98577d43eb2a.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Friedhats brand image: The jar character with gloved feet](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F82ca0f81-138b-4082-b685-1f7cc9e4512c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Friedhats brand image: Pop Looky, the character peeking over an edge](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fa5a099fd-d941-4fbb-82ca-bdb4067e7ce7.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Friedhats brand image: Two people talking through coffee processing at a farm](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F79293c1f-663f-44bb-abed-2806df605287.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Guidance 10 > “Keep the voice conversational, irreverent, and playful.” Voice, colour, type, identity, characters and four kinds of imagery ## Step 2: Ask for Briefs Claude asked for 2 Briefs first: one for the sticker and phone page, one for the Story. ### For the sticker and the phone page #### Claude asked for rainbrand · create\_brief task: “Design two related pieces that help Friedhats customers know when a newly delivered jar of coffee is ready to brew. Friedhats' FAQ asks people to rest its light roasts: at least 2 weeks after roasting for espresso and at least 3–4 weeks for filter, with peak tastiness at 5–6 weeks and freshness slowly fading after 7–8 weeks, because roasted coffee holds CO2 that gets in the way of brewing. Friedhats roasts on Monday, Tuesday and Thursday and ships filter coffee up to 7 days after roasting and espresso up to 10 days. (1) A round die-cut sticker, about 55 mm across, for the white screw-top lid of its black coffee jars: a resting dial for weeks 0–8 marking espresso, filter and peak, a write-in roast date and a short line in Friedhats' voice. (2) A phone web page, 'Is my coffee ready?', where someone enters the roast date, picks filter or espresso, and sees how many days are left, where today falls on the same week 0–8 scale, and an option to add a calendar reminder. It ends by asking people to return empty jars to the FUKU café (Bos en Lommerweg 136, Amsterdam), where jars are washed, sterilised and reused. Both are concepts, not existing Friedhats products. Use the brand's logo, characters, type and website style (black outlines, dot grid, off-white).” #### Rainbrand sent back in 33 s Guidance Brand context for the two proposed concepts Identity: “prefer the supplied wordmark or FH mark where an identity mark is needed, and treat character artwork as character artwork.” The brand’s primary-logo slot holds the peeking Pop Looky character. Filter window: “Do not silently invent whether that countdown uses 3 or 4 weeks.” Small and mobile: “Keep practical instructions easy to read at the small sticker size and on mobile.” Also: Colour, type, voice, the square-grid pattern, facts it couldn’t verify Files 8 ![The boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=256&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) ![The circled FH mark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fdf541ef2-fb40-4d03-ab43-a1207adbc3fa.png&w=256&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Ubuntu Mono Bold Archivo Black A specimen of each Google font - ![Brief image: Pop Looky, the character peeking over an edge](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fa5a099fd-d941-4fbb-82ca-bdb4067e7ce7.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: A FRIEDHATS bottle-character sticker](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F18f46333-95cd-4acc-8982-298e9a6be8d5.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: The Kenya jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F6b891828-7a45-4a55-9f8c-44adf3964ded.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: The square-grid pattern](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F451bff97-cfac-49c4-8759-7d651270e19c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) ### For the jar-return Story #### Claude asked for rainbrand · create\_brief task: “Make a 10-second, 9:16 Instagram Story animation asking Friedhats customers to bring their empty coffee jars back. Friedhats sells coffee in rigid black jars with white screw-top lids and a different label for each origin. Its FAQ says returned jars are washed, sterilised and reused as specialty coffee packaging; people can drop them at the FUKU café, Bos en Lommerweg 136 in Amsterdam, and customers in the Netherlands with more than 12 jars can ask for a return shipping label. Animate the brand's own characters and product photos rather than drawing new ones: an empty jar character heading back to FUKU, the real labelled jars, and an end card with the logo and 'More gratitude, less attitude'. Short on-screen copy in Friedhats' dry, playful voice; no voiceover. This is a concept, not an existing Friedhats campaign.” #### Rainbrand sent back in 53 s Guidance Friedhats brand context for this concept Character: “The closest supplied character asset for a jar/bottle role is the rubber-hose-style black medicine-jar character with a white cap and gloved feet.” Product photos: “Use genuine product photography and preserve its individual label artwork rather than inventing generic packaging or replacing labels.” Voice: “Sustainability should be described as ongoing work, not used as an unsupported slogan.” Also: Identity, colour, type, what the sources don’t confirm Files 9 ![The boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=256&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) ![The circled FH mark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fdf541ef2-fb40-4d03-ab43-a1207adbc3fa.png&w=256&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Ubuntu Mono Bold Archivo Black A specimen of each Google font - ![Brief image: The jar character with gloved feet](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F82ca0f81-138b-4082-b685-1f7cc9e4512c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: The Colombia La Maria Gesha natural jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F21f2f4d0-6d2c-4b2e-9950-98577d43eb2a.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: The Kenya jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F6b891828-7a45-4a55-9f8c-44adf3964ded.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Brief image: The El Salvador jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fc0f8b706-8690-46b3-9a18-8711f7e01474.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) ## Step 3: Make the pieces Friedhats asks you to rest its coffee for 2 to 4 weeks, then bring the empty jar back. Concepts by Claude; those details come from [friedhats.com](https://friedhats.com/). [![The lid sticker: READY YET? above Pop Looky peeking over a box to write the roast date in, Roast, nap, brew. In that order., and the FRIEDHATS wordmark, inside a dial from week 0 to 8 marked resting, espresso, filter, peak and fading.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Foutputs%2Flid-sticker.webp&w=3840&q=100&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)](https://www.rainbrand.com/examples/friedhats/outputs/lid-sticker.png) ### Lid sticker A round sticker for the jar lid that shows when the coffee is ready to brew. [Open image](https://www.rainbrand.com/examples/friedhats/outputs/lid-sticker.png) What it used from the Brief Logo: ![The boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=96&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Type: Ubuntu Mono Bold Archivo Black Colours: #0F172A #8B8C8B #D0D0D0 #FFFFFF Images: ![Brief image: Pop Looky, the character peeking over an edge](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fa5a099fd-d941-4fbb-82ca-bdb4067e7ce7.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The square-grid pattern](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F451bff97-cfac-49c4-8759-7d651270e19c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Voice: Dry: “Roast, nap, brew. In that order.” ### Phone page A phone page that tells you how long to rest your coffee, and where to return the jar. [Open page](https://www.rainbrand.com/examples/friedhats/rest-clock/index.html) What it used from the Brief Logo: ![The boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=96&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Type: Ubuntu Mono Bold Archivo Black Colours: #0F172A #8B8C8B #D0D0D0 #FFFFFF Images: ![Brief image: Pop Looky, the character peeking over an edge](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fa5a099fd-d941-4fbb-82ca-bdb4067e7ce7.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The jar character with gloved feet](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F82ca0f81-138b-4082-b685-1f7cc9e4512c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The square-grid pattern](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F451bff97-cfac-49c4-8759-7d651270e19c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Voice: Conversational, with the coffee facts kept plain ### Jar-return Story A 10-second Instagram Story asking people to bring empty jars back to the FUKU café. Music added after Review: “The Show Must Be Go” by Kevin MacLeod, from [incompetech.com](https://incompetech.com/) under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) [Open video](https://www.rainbrand.com/examples/friedhats/outputs/jar-return-story.mp4) What it used from the Brief Logo: ![The boxed FRIEDHATS wordmark](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=96&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Type: Ubuntu Mono Bold Archivo Black Colours: #0F172A #FFFFFF Images: ![Brief image: The jar character with gloved feet](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F82ca0f81-138b-4082-b685-1f7cc9e4512c.png&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The Colombia La Maria Gesha natural jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F21f2f4d0-6d2c-4b2e-9950-98577d43eb2a.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The Kenya jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2F6b891828-7a45-4a55-9f8c-44adf3964ded.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![Brief image: The El Salvador jar](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fc0f8b706-8690-46b3-9a18-8711f7e01474.webp&w=3840&q=75&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Voice: Playful: the jar asks not to be binned ## Step 4: Get it Reviewed Every asset was Reviewed. Review caught some problems, and Claude fixed them. [How Review works](https://docs.rainbrand.com/guides/request-review) Phone page, typography check ### Body copy was in the wrong font. Claude switched it to Archivo Black. ![Round 1: the peak-tastiness explanation set in Ubuntu Mono.](https://www.rainbrand.com/examples/friedhats/review/r1/page-phone-espresso-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) before: Body copy in Ubuntu Mono Fail Review comment > “Headings use approved fonts, but the body text is set in Ubuntu Mono instead of Archivo Black, as the prompt requested.” Claude set the body copy and secondary heading in Archivo Black and asked for another Review. ![Round 2: the same explanation set in Archivo Black.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-espresso-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) after: Body copy in Archivo Black Pass Review comment > “Headings and controls are set in bold Ubuntu Mono, while the lead line, state badge, and body copy use Archivo Black.” Phone page, copy check ### The header cut the slogan off mid-word. Claude made it one line. ![Round 1: the header reads More gratitude, less attit, cut off at the edge.](https://www.rainbrand.com/examples/friedhats/review/r1/page-phone-espresso-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) before: “…LESS ATTIT” Fail Review comment > “The top motto is cut off as 'ATTIT', differing from requested copy. Otherwise, the tone fits 'More Gratitude, Less Attitude'.” Claude replaced the scrolling header with a single static line and asked for another Review. ![Round 2: the header reads More gratitude, less attitude in full.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-espresso-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) after: The whole line fits Pass Review comment > “All copy matches the requested resting guide details, with direct, unpretentious language embodying the 'More Gratitude, Less Attitude' voice.” Story end card, colour check ### A small note was the wrong grey. Claude made it larger and white. ![Round 1: the return-label note in small light-grey type on navy.](https://www.rainbrand.com/examples/friedhats/review/r1/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) before: Measured #787D81, not #D0D0D0 Fail Review comment > “The background matches #0F172A, but the grey text does not match brand color #D0D0D0.” Claude set the return-label note in white Archivo Black at a larger size and asked for another Review. ![Round 2: the same note in larger white type on navy.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) after: White, as the palette has it Pass Review comment > “The background perfectly matches core dark blue (#0F172A), and white elements match the brand palette, as requested.” Final Reviews: lid sticker, Story end card, phone page ### All three passed all 4 checks. Lid sticker Pass The round sticker for the jar’s lid. Logo, copy, typography and colour passed Pass What Review saw [Open full size](https://www.rainbrand.com/examples/friedhats/review/r2/sticker.webp) Logo Pass [Brand logo](https://www.rainbrand.com/examples/friedhats/brand/e6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg) ![Friedhats’ boxed FRIEDHATS wordmark, from the brand.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=3840&q=100&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) [Observed](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp) ![The wordmark at the foot of the sticker.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Keep the lettering, remove the background and colour ![The brand logo reduced to its black shape.](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-sticker/brand-shape.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![The mark extracted from the artwork, reduced to its black shape and lined up with the brand logo.](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-sticker/artwork-shape.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) 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/friedhats/logo-process/friedhats-sticker/overlay.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-sticker/overlay.png) - Matching parts - Brand only - Observed only Review comment > “The boxed Friedhats wordmark and Pop Looky character are unaltered, sharp, and clearly legible against the white background.” Copy Pass - ![READY YET?, the sticker’s heading.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Roast, nap, brew. In that order.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - Wording Matches the request Matches - Voice Unpretentious, cheeky Matches Review comment > “All dial markers, resting instructions, and playful phrases match the requested text accurately and reflect Friedhats' unpretentious, cheeky voice.” Typography Pass - ![READY YET?, from the sticker.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Ubuntu Mono Bold Matches - ![WEEKS SINCE ROASTING, curved along the dial.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Ubuntu Mono Bold Matches - ![Roast, nap, brew., from the sticker.](https://www.rainbrand.com/examples/friedhats/review/r2/sticker-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Archivo Black Matches Colour Pass - Peak and outline Observed ``` #0F172A ``` Approved ``` #0F172A ``` Matches - Mid grey Observed ``` #8B8C8B ``` Approved ``` #8B8C8B ``` Matches - Light grey Observed ``` #D0D0D0 ``` Approved ``` #D0D0D0 ``` Matches - Sticker Observed ``` #FFFFFF ``` Approved ``` #FFFFFF ``` Matches Review comment > “The navy, light gray, medium gray, and white elements all match the brand's core palette exactly.” Story end card Pass The last frame of the jar-return Story. Logo, copy, typography and colour passed Pass What Review saw [Open full size](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6.webp) Logo Pass [Brand logo](https://www.rainbrand.com/examples/friedhats/brand/e6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg) ![Friedhats’ boxed FRIEDHATS wordmark, from the brand.](https://www.rainbrand.com/_next/image?url=%2Fexamples%2Ffriedhats%2Fbrand%2Fe6b89e6c-ee42-4553-b4c3-da1addebaf14.jpg&w=3840&q=100&dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) [Observed](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp) ![The wordmark on the Story’s end card.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Keep the lettering, remove the background and colour ![The brand logo reduced to its black shape.](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-story-end/brand-shape.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)![The mark extracted from the artwork, reduced to its black shape and lined up with the brand logo.](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-story-end/artwork-shape.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) 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/friedhats/logo-process/friedhats-story-end/overlay.png?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4)](https://www.rainbrand.com/examples/friedhats/logo-process/friedhats-story-end/overlay.png) - Matching parts - Brand only - Observed only Review comment > “The boxed Friedhats logo matches the brand reference exactly, appears unaltered, and is clear against the dark background.” Copy Pass - ![More gratitude, less attitude, the end card’s tagline.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![More than 12 jars in the Netherlands? Ask us for a return label.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - Wording Matches the request Matches - Voice On brand Matches Review comment > “All text matches the requested copy perfectly with correct spelling, grammar, and brand voice, reflecting Friedhats' "More Gratitude, Less Attitude" ethos.” Typography Pass - ![More gratitude, less attitude, from the end card.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Ubuntu Mono Bold Matches - ![Empty jars back to FUKU, Bos en Lommerweg 136, Amsterdam.](https://www.rainbrand.com/examples/friedhats/review/r2/story-t9.6-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Archivo Black Matches Review comment > “The primary heading is correctly set in Ubuntu Mono Bold, and the body text is set in Archivo Black as required.” Colour Pass - Background Observed ``` #0F172A ``` Approved ``` #0F172A ``` Matches - Text and logo box Observed ``` #FFFFFF ``` Approved ``` #FFFFFF ``` Matches Review comment > “The background perfectly matches core dark blue (#0F172A), and white elements match the brand palette, as requested.” Phone page Pass Is my coffee ready?, on a phone. Logo, copy, typography and colour passed Pass What Review saw [Open full size](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-filter-hires.webp) Copy Pass - ![Still resting, the state label.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-filter-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - ![Why wait? Freshly roasted coffee is full of CO2, and the gas gets in the way of brewing.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-filter-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) - Wording Matches the request Matches - Voice Playful, informative Matches Review comment > “All requested resting and return copy is accurately transcribed and follows the brand's 'More Gratitude, Less Attitude' playful, informative voice.” Typography Pass - ![Is my coffee ready?, the page heading.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-filter-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Ubuntu Mono Bold Matches - ![Why wait?, the explanation under the reminder.](https://www.rainbrand.com/examples/friedhats/review/r2/page-phone-filter-hires.webp?dpl=dpl_FsvLT6dzTECRJXye9UdtMH2L3SY4) Font Archivo Black Matches Review comment > “Primary headings and buttons use Ubuntu Mono Bold, while secondary headings and copy use Archivo Black, matching the brand specifications.” Colour Pass - Header, buttons, text Observed ``` #0F172A ``` Approved ``` #0F172A ``` Matches - Scale, mid grey Observed ``` #8B8C8B ``` Approved ``` #8B8C8B ``` Matches - Scale, light grey Observed ``` #D0D0D0 ``` Approved ``` #D0D0D0 ``` Matches - Cards Observed ``` #FFFFFF ``` Approved ``` #FFFFFF ``` Matches Review comment > “Core palette colors (#0F172A, #8B8C8B, #D0D0D0) and website background (#FFFFFF) match brand specifications across all measured interface elements.” ## 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'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). 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/)