--- title: "Whoop brand guidelines: logo, colors and fonts | Rainbrand" description: "Whoop’s logo, colors (#000000, #FFFFFF, #00F19F), fonts (Proxima Nova, DIN Pro), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/whoop/" --- (Brand guidelines) // Health and wellness # Whoop brand guidelines Whoop’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from whoop.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/whoop/whoop-brand-skill.zip) ![WHOOP wordmark](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fwhoop%2Fwhoop-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Black #000000 - White #FFFFFF - Teal #00F19F - Electric blue #4A53FF ## About Whoop WHOOP is a wearable health and performance brand built around continuous biometric monitoring, personalized coaching, and practical insights that help people understand their bodies and make lasting progress. Its design and communication connect science-led performance with everyday life. ## Whoop logo - ![WHOOP wordmark](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fwhoop%2Fwhoop-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download WHOOP wordmark](https://www.rainbrand.com/brand-guidelines/whoop/whoop-wordmark.svg) WHOOP uses a concise, standalone wordmark as its primary brand mark. Keep the wordmark intact and visually distinct; use the brand’s own mark rather than a product image, interface icon, partner mark, or promotional graphic as the logo. ## Whoop colors - Black Primary brand color and dark backgrounds HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - White Logo and text on dark backgrounds HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Teal Calls to action and highlights HEX #00F19F Copy HEX RGB 0, 241, 159 Copy RGB - Electric blue Website accent HEX #4A53FF Copy HEX RGB 74, 83, 255 Copy RGB ## Whoop fonts - Proxima Nova Heading · 500, Body · 400 - DIN Pro Numbers and data Font names only. The Brand Skill download doesn’t include font files. ## Whoop’s voice WHOOP’s voice is direct, motivating, science-minded, and focused on progress. Connect biometric insight to useful action: explain what a person can understand, change, or improve. Balance ambitious performance language with warmth and relevance to ordinary routines. - “We’re revolutionizing the way that people understand their bodies” - “Every choice adds up—WHOOP helps you create habit changes that lead to better health and peak performance” - “For those who are always chasing better—WHOOP One helps you train smarter, recover faster, sleep deeper, and push your limits” - “At WHOOP, the best idea wins” ## Dos and don’ts ### Do - Use WHOOP’s wordmark as the brand identity and keep it distinct from product, interface, and partner marks. - Build high-contrast designs around the dark presentation, with white text and a single bright accent. - Connect research and biometric data to concrete, personal guidance and achievable progress. - Keep the voice direct, encouraging, and grounded in understanding the body. - Show the wearable in both performance settings and ordinary moments to express continuous, everyday use. ### Don’t - Don’t imply WHOOP is generally a medical device or that its wellness insights diagnose, treat, or prevent disease. - Don’t present estimated cycle phases as certain or Menstrual Cycle Insights as contraception or conception guidance. - Don’t make blood pressure insights sound like a diagnosis or medical advice; direct health concerns to a healthcare professional. ## More from the Brand Skill ### Health claims Keep health and performance language precise. Frame WHOOP as a wearable that measures biometrics and provides wellness insights, personalized coaching, and guidance—not as a general diagnostic or treatment tool. Do not claim that WHOOP replaces medical advice or care. Make feature claims specific and appropriately qualified. Healthspan is for wellness purposes and is not for medical use. Blood Pressure Insights is not a medical device, does not diagnose or manage medical conditions, and is not medical advice. Menstrual Cycle Insights is not medical advice; phases, including the ovulatory phase, are estimates and the feature should not be used for conception or contraception. ECG and Irregular Heart Rhythm Notifications are medically regulated features with age, user, and regional limitations. Check the feature’s current regional availability and applicable instructions before making availability or eligibility claims. ### Editorial imagery WHOOP’s editorial and research imagery can pair people, training, and the wearable with clear science and health-performance themes. Keep the presentation credible and human, and preserve WHOOP’s own identity when editorial work includes collaborators or athletes. ### Lifestyle imagery Show WHOOP worn naturally across exercise, recovery, sleep, work, and social or family life. Favor expressive, human-centered scenes that make continuous wear feel compatible with everyday routines, while keeping the wearable visible when relevant. ### Product imagery Present WHOOP hardware as a compact, screen-free wearable with changeable bands and practical charging accessories. Product imagery can emphasize material, finish, fit, and the device’s role in continuous wear. Membership and tier graphics belong to WHOOP’s product presentation, not the standalone core wordmark. ### Product interface imagery When showing the product experience, use WHOOP’s own interface and data visualizations to make biometric insights, trends, and coaching tangible. Keep interface imagery legible and contextual; use feature-specific visuals for the feature being described. ## Download Whoop’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 Whoop’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/whoop/whoop-brand-skill.zip) whoop-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ voice.md │ ├ dos-and-donts.md │ ├ health-claims.md │ ├ editorial-imagery.md │ ├ brand-identity.md │ ├ color.md │ ├ lifestyle-imagery.md │ ├ product-imagery.md │ ├ product-interface-imagery.md │ └ typography.md └ assets/logos/ └ whoop-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from whoop.com on 30 Oct 2026. It isn’t Whoop’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Whoop and its logos are trademarks of WHOOP, Inc. Rainbrand isn’t affiliated with or endorsed by WHOOP, 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/) - [Headspace brand guidelines](https://www.rainbrand.com/brand-guidelines/headspace/) Health and wellness - [Heights brand guidelines](https://www.rainbrand.com/brand-guidelines/heights/) Health and wellness - [Oura brand guidelines](https://www.rainbrand.com/brand-guidelines/oura/) Health and wellness 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/)