--- title: "Strava brand guidelines: logo, colors and fonts | Rainbrand" description: "Strava’s logo, colors (#FC5200, #000000, #FFFFFF), fonts (Boathouse), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/strava/" --- (Brand guidelines) // Health and wellness # Strava brand guidelines Strava’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from strava.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/strava/strava-brand-skill.zip) ![Strava wordmark in orange](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstrava%2Fstrava-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Strava Orange #FC5200 - Asphalt #000000 - White #FFFFFF - Light neutral #F2F2F0 ## About Strava Strava is a social fitness platform for people who move: athletes record activities, understand their progress, explore routes, and encourage one another. Its brand brings together personal effort, meaningful performance insights, and a welcoming community across sports and experience levels. ## Strava logo - ![Strava wordmark in orange](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstrava%2Fstrava-logo.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Strava wordmark in orange](https://www.rainbrand.com/brand-guidelines/strava/strava-logo.svg) - ![Strava wordmark in white](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstrava%2Fstrava-logo-4.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Wordmark · SVG [Download Strava wordmark in white](https://www.rainbrand.com/brand-guidelines/strava/strava-logo-4.svg) - ![Strava symbol in orange](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fstrava%2Fstrava-logo-3.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Icon · SVG [Download Strava symbol in orange](https://www.rainbrand.com/brand-guidelines/strava/strava-logo-3.svg) Use Strava’s own wordmark and its standalone chevron symbol as the brand’s identity marks: the orange wordmark on white and light backgrounds, the white wordmark on orange, dark or photographic ones. Keep them clean, recognizable and separate from interface icons, photography, campaign artwork and partner identities. Use the artwork as it is; don’t redraw, modify or animate it, or approximate it with text. ## Strava colors - Strava Orange Signature brand color: logo, primary buttons and highlights HEX #FC5200 Copy HEX RGB 252, 82, 0 Copy RGB - Asphalt Text HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - White Backgrounds and cards, and the logo on orange HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB - Light neutral Section backgrounds and secondary buttons HEX #F2F2F0 Copy HEX RGB 242, 242, 240 Copy RGB - Off-white Light backgrounds HEX #FAFAFA Copy HEX RGB 250, 250, 250 Copy RGB - Navy Expanded palette: dark backgrounds HEX #0B1527 Copy HEX RGB 11, 21, 39 Copy RGB - Lemon Expanded palette accent HEX #FFD800 Copy HEX RGB 255, 216, 0 Copy RGB - Teal Expanded palette accent HEX #00CCD7 Copy HEX RGB 0, 204, 215 Copy RGB ## Strava fonts - Boathouse Headings · 600, Body · 400 Font names only. The Brand Skill download doesn’t include font files. ## Strava’s voice Write with the energy of an active community: optimistic, direct, encouraging, and grounded in the athlete’s own goals. Treat movement broadly, welcoming first steps and personal bests alike. Connect individual effort to shared motivation, and describe product benefits in clear, practical language. - “Join for the tracking, stay for the community” - “Community-Powered Motivation” - “If you’re active, Strava was made for you” - “We’re the social network for those who strive” ## Dos and don’ts ### Do - Use Strava Orange as the signature accent and keep supporting colors restrained. - Set headings and body text in Boathouse, with a strong, readable hierarchy. - Celebrate a range of sports, abilities, experience levels, and personal goals. - Connect activity tracking and performance insights to community encouragement and discovery. - Write in an upbeat, plainspoken voice. Use the athlete’s effort and goals as the focus. ### Don’t - Don’t make Strava feel exclusive to one sport or elite athletes. - Don’t let performance metrics crowd out the human and social side of movement. - Don’t use generic promotional language that loses the link between activity, progress, exploration, and community. - Don’t modify, alter or animate the Strava wordmark or symbol; use the orange or white artwork as it is. ## More from the Brand Skill ### Imagery athletes and campaigns Show real-feeling movement and human connection across sports and settings. Strava imagery ranges from focused solo efforts to friends sharing an activity, celebrating a goal, or enjoying time outdoors. Make the people and their effort central; use energetic, welcoming moments rather than posing that feels detached from sport. ### Imagery community and editorial Use community and challenge imagery to make participation feel social, attainable, and rewarding. Strava challenge artwork, editorial imagery, and feature stories can add variety to athlete-focused campaigns while keeping the movement and community at the center. ### Imagery product experience When showing the product, preserve Strava’s activity-centered experience: recorded efforts, route maps, performance summaries, training analysis, and community features. Product visuals should feel like the tool athletes use before, during, and after activity—not generic fitness screens. ### Imagery maps and routes Maps and routes are core parts of the Strava experience. Use route lines, activity maps, and outdoor landscapes to convey exploration, local discovery, and the effort behind a recorded activity. Keep map imagery tied to real activity or route planning rather than treating it as decoration. ## Download Strava’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 Strava’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/strava/strava-brand-skill.zip) strava-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ colors.md │ ├ typography.md │ ├ voice.md │ ├ imagery-athletes-and-campaigns.md │ ├ imagery-community-and-editorial.md │ ├ imagery-product-experience.md │ ├ dos-and-donts.md │ ├ logo.md │ └ imagery-maps-and-routes.md └ assets/logos/ ├ strava-logo.svg ├ strava-logo-4.svg └ strava-logo-3.svg Rainbrand’s Brand Agent built this Brand Skill from strava.com on 30 Oct 2026. It isn’t Strava’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Strava and its logos are trademarks of Strava, Inc. Rainbrand isn’t affiliated with or endorsed by Strava, 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/)