# Rapha, Product

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

## Why it works

Large condensed headlines and 30px rounded corners give this cycling shop a high-performance, athletic feel. A white background keeps the focus on product photography, while bright blue links and deep sky blue accents provide clear functional cues for navigation and filtering.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/rapha/us/en/shop/new-arrivals#section-1) (y 0–112px of 14249) · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/sections/0.webp · id sec_57b27613d4654e9b9ebf72a0a906f42e
2. [Hero: "New Arrivals"](https://designly.sh/s/rapha/us/en/shop/new-arrivals#section-2) (y 144–484px of 14249) · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/sections/1.webp · id sec_f145b9152a42496592e8a14b79736853
3. [Team: "Men's Pro Team Lightweight Cargo Tights"](https://designly.sh/s/rapha/us/en/shop/new-arrivals#section-3) (y 484–13201px of 14249) · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/sections/2.webp · id sec_bf5222f3c4e143c79e10a908e5ac4746
4. [Call to action: "Call to action"](https://designly.sh/s/rapha/us/en/shop/new-arrivals#section-4) (y 13201–13273px of 14249) · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/sections/3.webp · id sec_57b9ef9bdbaa4d16807313242fdb3e59
5. [Footer: "Footer"](https://designly.sh/s/rapha/us/en/shop/new-arrivals#section-5) (y 13345–14249px of 14249) · image: https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/sections/4.webp · id sec_d4570438dc0b414688219df5ab7b753e

## Design tokens

- Colours: #FFFFFF (background), #0000EE (text), #183F60 (accent), #000000 (surface), #272F38 (surface-2)
- Fonts: raphaSansCondensed (display), raphaSerifText (body)
- Corner radius: 30px
- Section padding: 40px
- Export: https://designly.sh/s/rapha/us/en/shop/new-arrivals?format=tokens.css · https://designly.sh/s/rapha/us/en/shop/new-arrivals?format=tokens.json · https://designly.sh/s/rapha/us/en/shop/new-arrivals?format=tokens.tailwind.css

## Images

- Desktop (1440×14249): https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_86fde52f98e646e0906ba9baaed479c4/mobile.webp
- Captured: 2026-10-26

## Other Pages of Rapha

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

## Related

- [Light Phone, Product](https://designly.sh/s/light-phone/shop/products/light-phone-iii?format=md) — E-commerce brands · Product · Custom code · Brooklyn, USA · styles: dark, minimal, type-led, luxe · image: https://designly.sh/media/captures/cap_f5225658126b442c8fbbd35c7990f6bc/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products/op-1?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: minimal, type-led, geometric, tech · image: https://designly.sh/media/captures/cap_dcb2829513ef4af4a662da622e107e62/desktop.webp
- [Teenage Engineering, Product](https://designly.sh/s/teenage-engineering/products?format=md) — E-commerce brands · Product · Custom code · Stockholm, Sweden · styles: type-led, minimal, geometric, industrial · image: https://designly.sh/media/captures/cap_ef31d73530f74489b85ceec13d4b0dd9/desktop.webp
- [reMarkable, Product](https://designly.sh/s/remarkable/products/remarkable-paper/pro?format=md) — E-commerce brands · Product · Custom code · Oslo, Norway · styles: serif, editorial, minimal, photo-led · image: https://designly.sh/media/captures/cap_b4d8b127522048d297aa1800ac1c4e35/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.