# Rapha, Home

E-commerce brands · Home · Custom code · London, UK
Live page: https://www.rapha.cc/us/en
On Designly: https://designly.sh/s/rapha/us/en · JSON: https://designly.sh/s/rapha/us/en?format=json
Site: [Rapha](https://designly.sh/s/rapha?format=md) (https://www.rapha.cc)
Styles: type-led, bold, photo-led, minimal

## Why it works

Bold condensed headlines in black against white and high-contrast photography give the brand a high-performance feel. Bright yellow is used sparingly for button backgrounds, ensuring the 'SHOP NOW' and 'LEARN MORE' actions stand out against the dark imagery.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rapha/us/en#section-1) (y 0–112px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/0.webp · id sec_e6f83f6c106e4a83876111b4ba39428b
2. [Hero: "Against Better Judgement"](https://designly.sh/s/rapha/us/en#section-2) (y 112–919px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/1.webp · id sec_b6a308b8d27d4deba4cd010166f42651
3. [Features: "New In"](https://designly.sh/s/rapha/us/en#section-3) (y 919–1693px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/2.webp · id sec_38d8c978dde549ac9e3319a547a582f8
4. [Content: "Shop by Category"](https://designly.sh/s/rapha/us/en#section-4) (y 1693–2634px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/3.webp · id sec_7ccff154dd0047f6bd6427fbbfe98472
5. [Content: "Race ready now"](https://designly.sh/s/rapha/us/en#section-5) (y 2633–3658px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/4.webp · id sec_1b5bd07c976b4cdaaa1745892580fd35
6. [Testimonials: "Latest stories"](https://designly.sh/s/rapha/us/en#section-6) (y 3658–4621px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/5.webp · id sec_b5caa05ebe7a4797b0f49e9e14e8b7c1
7. [Content: "Content"](https://designly.sh/s/rapha/us/en#section-7) (y 4661–4789px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/6.webp · id sec_827e33f4418e4fa4823977b89c988aa6
8. [Footer: "Footer"](https://designly.sh/s/rapha/us/en#section-8) (y 4789–5693px of 5693) · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/sections/7.webp · id sec_1b1b4ae554f7492b89008d2c0c72df3d

## Design tokens

- Colours: #FFFFFF (background), #000000 (text), #D5D717 (accent), #0000EE (muted), #1D1D1B (surface)
- Fonts: raphaSansCondensed (display), raphaSerifText (body)
- Corner radius: 50%
- Section padding: 40px
- Export: https://designly.sh/s/rapha/us/en?format=tokens.css · https://designly.sh/s/rapha/us/en?format=tokens.json · https://designly.sh/s/rapha/us/en?format=tokens.tailwind.css

## Images

- Desktop (1440×5693): https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/desktop.webp
- Mobile (390×6058): https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/mobile.webp
- Captured: 2026-10-26

## Other Pages of Rapha

- [Product](https://designly.sh/s/rapha/us/en/shop/jackets-mixed?format=md) — /us/en/shop/jackets-mixed
- [Product](https://designly.sh/s/rapha/us/en/shop/new-arrivals?format=md) — /us/en/shop/new-arrivals

## Related

- [Light Phone, Home](https://designly.sh/s/light-phone?format=md) — E-commerce brands · Home · Custom code · Brooklyn, USA · styles: photo-led, type-led, calm, editorial · image: https://designly.sh/media/captures/cap_f262250d322d43178d57acedf701979c/desktop.webp
- [Teenage Engineering, Home](https://designly.sh/s/teenage-engineering?format=md) — E-commerce brands · Home · Custom code · Stockholm, Sweden · styles: dark, type-led, minimal, geometric · image: https://designly.sh/media/captures/cap_146b145e41ad4296bea5e932f663601a/desktop.webp
- [reMarkable, Home](https://designly.sh/s/remarkable?format=md) — E-commerce brands · Home · Custom code · Oslo, Norway · styles: serif, type-led, minimal, airy · image: https://designly.sh/media/captures/cap_a927e760d891456a87a1c86b6fe82f5e/desktop.webp
- [rabbit, Home](https://designly.sh/s/rabbit?format=md) — E-commerce brands · Home · Custom code · Santa Monica, USA · styles: dark, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_db960ea91917481c854f001206c4ddf7/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.