--- title: "Fable brand guidelines: logo, colors and fonts | Rainbrand" description: "Fable’s logo, colors (#B0C7FA, #030E28, #8FAFF8), fonts (Gelica, Moderat), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/fable/" --- (Brand guidelines) // Pets # Fable brand guidelines Fable’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from fablepets.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/fable/fable-brand-skill.zip) ![Fable lowercase wordmark in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Ffable%2Ffable-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Raindrop #B0C7FA - Fable Black #030E28 - CTA blue #8FAFF8 - Neon #C9FD5B ## About Fable Fable creates thoughtfully designed pet gear that solves everyday problems while fitting naturally into modern home life. Its character pairs minimalist, decor-aware design with practical utility, warmth, and a playful sense of adventure. ## Fable logo - ![Fable lowercase wordmark in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Ffable%2Ffable-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Fable lowercase wordmark in black](https://www.rainbrand.com/brand-guidelines/fable/fable-wordmark.svg) Use Fable’s lowercase wordmark as the brand identity. Keep it distinct and legible, in Fable Black on light backgrounds such as Raindrop, Grain or white. ## Fable colors - Raindrop Signature soft blue for highlights and section backgrounds HEX #B0C7FA Copy HEX RGB 176, 199, 250 Copy RGB - Fable Black Wordmark, text and primary buttons HEX #030E28 Copy HEX RGB 3, 14, 40 Copy RGB - CTA blue Call-to-action backgrounds HEX #8FAFF8 Copy HEX RGB 143, 175, 248 Copy RGB - Neon Small accents such as review stars and badges HEX #C9FD5B Copy HEX RGB 201, 253, 91 Copy RGB - Grain Page background HEX #FEFDFD Copy HEX RGB 254, 253, 253 Copy RGB - Cream Warm section backgrounds HEX #FAF8F5 Copy HEX RGB 250, 248, 245 Copy RGB - White Cards and text on dark backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Fable fonts - Gelica Display headings · 300, Prominent paragraph copy · 300 - Moderat Secondary headings · 500, Body, buttons and interface · 500 Font names only. The Brand Skill download doesn’t include font files. ## Fable’s voice Write with warmth, wit, and a fondness for the small adventures of living with animals. Make functional benefits easy to understand, then let storybook phrasing add charm. Keep the humor affectionate and grounded in everyday pet life. - “We design gear that solves problems for you and your pet, so the two of you can enjoy exploring the world together” - “Living with an animal is an adventure — and sometimes it’s a real pain” - “The Dog was smart. But the Falcon was smarter. She always kept the Dog guessing, answering in riddles” ## Dos and don’ts ### Do - Design gear as a considered part of the home: pair practical function with clean, decor-aware presentation. - Make product benefits concrete and easy to grasp. Explain how a feature helps pets and their people in everyday use. - Give copy a warm, playful storybook touch while keeping the core message clear. - Use real animals and lived-in settings to show the gear in context. - Present product safety and care guidance precisely, with the relevant product-specific caveats. ### Don’t - Don’t make functional gear feel purely utilitarian or disconnected from home life. - Don’t let whimsy obscure what a product does or how it should be used. - Don’t describe a product as indestructible or imply suitability for every dog; keep safety and supervision guidance appropriately scoped. - Don’t stretch, respace or redraw the lowercase fable wordmark. ## More from the Brand Skill ### Product claims Make product benefits specific and useful: describe the problem solved, the design feature that helps, and the real-life experience it supports. Keep claims and care instructions specific to the product. Include relevant limitations and supervision guidance; never imply that a pet product is indestructible or suitable for every dog. ### Backgrounds Keep backgrounds light and quiet: Raindrop for highlighted sections, Grain for the page, Cream for warm sections, and white for cards. Treat backgrounds as supporting surfaces for branded compositions, not identity marks. ### Brand story imagery Fable’s story and campaign imagery pairs product invention, pet safety, and life with animals. Use it for brand storytelling and product context. ### Commerce imagery Fable’s shop imagery brings product and lifestyle photography into a clean, browsable retail experience. Use product imagery to show form, finish, available variants, and products in use. ### Editorial imagery Fable’s editorial imagery connects practical pet-care advice with real animals, products, and home settings. Use it for blog, educational, and community-led storytelling. ### Product and experience imagery Use product-page and customer imagery to show materials, form, use, and scale in genuine pet-and-home contexts. Product experience imagery can include animals interacting with Fable products, detail views, and customer-submitted product photos. ## Download Fable’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 Fable’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/fable/fable-brand-skill.zip) fable-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ voice.md │ ├ product-claims.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ imagery-backgrounds.md │ ├ imagery-brand-story.md │ ├ imagery-commerce.md │ ├ imagery-editorial.md │ └ imagery-product-gallery.md └ assets/logos/ └ fable-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from fablepets.com on 30 Oct 2026. It isn’t Fable’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Fable and its logos are trademarks of Fable Pets Inc. Rainbrand isn’t affiliated with or endorsed by Fable Pets 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/) - [Smalls brand guidelines](https://www.rainbrand.com/brand-guidelines/smalls/) Pets - [Cadence brand guidelines](https://www.rainbrand.com/brand-guidelines/cadence/) Food and drink - [Chamberlain Coffee brand guidelines](https://www.rainbrand.com/brand-guidelines/chamberlain-coffee/) Food and drink 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/)