Rapha brand guidelines: logo, colors and fonts | Rainbrand

About Rapha

Rapha is a premium cycling apparel and lifestyle brand built around high-performance kit, the culture of road riding, and a connected cycling community. Its creative work pairs purposeful technical detail with expressive storytelling about effort, place, and belonging.

Rapha logo

- WordmarkDownload SVG of Rapha script wordmark in black PNG of Rapha script wordmark in black

Use Rapha’s script wordmark, with its closing full stop, as the brand signature. Keep it intact and legible in black or white; do not redraw, stretch or recolor it.

Rapha colors

Wordmark and text

HEX#000000Copy HEX

RGB0, 0, 0Copy RGB

Page backgrounds

HEX#FFFFFFCopy HEX

RGB255, 255, 255Copy RGB

Signature accent, link hover and highlights

HEX#FA3C6ECopy HEX

RGB250, 60, 110Copy RGB

Panels and quiet backgrounds

HEX#F2F2F2Copy HEX

RGB242, 242, 242Copy RGB

Secondary text

HEX#767676Copy HEX

RGB118, 118, 118Copy RGB

Rapha fonts

Heading · 700

Editorial heading · 400

Body · 400

Interface and labels · 400

Font names only. The Brand Skill download doesn’t include font files.

Rapha’s voice

Rapha’s voice is assured, purposeful, and rooted in the lived experience of riding. It can move from evocative, reflective storytelling to precise, practical product language. Use short, decisive headlines; make technical benefits concrete; and connect performance to the people and communities behind the ride.

Dos and don’ts

Do

Don’t

Rapha imagery

139 images from rapha.cc, in 3 files of the Brand Skill. Each file starts with its guidance, then shows the images it refers to.

Imagery

77 images

Rapha imagery spans three useful visual registers: cinematic cycling and landscape storytelling, intimate editorial and community scenes, and clear product-focused photography. Choose imagery that feels connected to actual riding and the people who ride; use product views to show construction, fit, and details rather than as generic decoration.

Brand and campaign references

Brand and campaign imagery includes homepage campaign imagery, editorial, and sustainability storytelling.

Team AMANI and related editorial imagery are context-specific references. Their cultural patterns and campaign treatment belong to that collection, not to every Rapha design.

USA Cycling and Lightspeed campaign images are specific to that team collection.

The RCC stripes and kit imagery is specific to Rapha Cycling Club communication.

Product and experience references

Use product imagery to inform presentation of fabric, garment form, and functional details. Preserve Rapha’s product and membership experience when designing or depicting those experiences.

Show all 772 of 77 shown

Product and editorial design

59 images

Rapha’s product communication balances technical precision with a sense of ambition. Describe a garment through its purpose, conditions, construction, fit, and functional details. When making editorial work, connect cycling to place, culture, and shared effort; keep those themes specific to the story rather than turning them into universal visual motifs.

Rapha product photography and its shopping experience show garments as identifiable products, supported by clear variants, product details, and focused feature explanations. Keep product presentation clean and let the garment’s color, silhouette, materials, and functional details remain legible.

The RCC stripes are a club-specific identity cue: the vertical stripes on its Pro Team Jersey reinterpret horizontal bars from the debut RCC kit. Use that language in RCC contexts, not as an all-purpose Rapha motif.

Show all 592 of 59 shown

Overshoe guide imagery

3 images

For product guidance, use a clear sequence of product, fit, and care imagery. The Rapha overshoe guide combines concise explanatory sections with visual demonstrations of the product and its use. Keep this instructional imagery within the overshoe-guide context.

Show all 32 of 3 shown

Download Rapha’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 followRapha’s guidelines. It starts at SKILL.md, which points to the right file for each task.

It has the guidance, 139 imagesand the logos. The font files belong toRapha Racing Ltd, so they’re left out.

Download the Brand Skill ZIP, 28.8 MB

rapha-brand-skill/

├ SKILL.md

├ README.md

├ references/

│ ├ dos-and-donts.md

│ ├ colors.md

│ ├ imagery.md

│ ├ logo.md

│ ├ typography.md

│ ├ product-and-editorial-design.md

│ ├ voice.md

│ └ overshoe-imagery.md

└ assets/

├ images/

└ logos/

Rainbrand’s Brand Agent built this Brand Skill from rapha.cc on30 Oct 2026. It isn’t Rapha’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand.

Rapha and its logos are trademarks of Rapha Racing Ltd. Rainbrand isn’t affiliated with or endorsed by Rapha Racing Ltd.

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 Read the docs

ChatGPT + CodexClaudeClaude CodeCursorAPI

ChatGPT + CodexClaudeClaude CodeCursorAPI

  1. 1

Open the Rainbrand plugin and add it.

Open Rainbrand plugin (opens in a new tab)

  1. 2

Connect your Rainbrand account when asked. It works in ChatGPT and in Codex.

  1. 1

Open the Rainbrand connector in Claude and add it.

Open Rainbrand connector (opens in a new tab)

  1. 2

Select Connect, then sign in to Rainbrand.

You can alsoinstall the Rainbrand Skill (opens in a new tab) or the plugin (downloads in a new tab).

  1. 1

Add Rainbrand's plugin marketplace in your terminal.

claude plugin marketplace add rainbrandai/rainbrand-skills

  1. 2

Install the Rainbrand plugin, including its Skill and MCP connection.

claude plugin install rainbrand@rainbrand

  1. 3

Start a new Claude Code session, then use /mcp to sign in to Rainbrand.

You can also connect with MCP (opens in a new tab) orinstall the Rainbrand Skill (opens in a new tab).

  1. 1

Add Rainbrand to ~/.cursor/mcp.json.

{ "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } }

  1. 2

Sign in from the Cursor CLI.

agent mcp login rainbrand

You can alsoinstall the Rainbrand Skill (opens in a new tab) or the plugin (downloads in a new tab).

  1. 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 (opens in a new tab).

More brand guidelines

See all brands

Rainbrand builds and maintains shared brand contextfor your agents and products.

Get started Read the docs (opens in a new tab)