# Oura, Home

E-commerce brands · Home · Custom code · Oulu, Finland
Live page: https://ouraring.com/
On Designly: https://designly.sh/s/oura · JSON: https://designly.sh/s/oura?format=json
Site: [Oura](https://designly.sh/s/oura?format=md) (https://ouraring.com)
Styles: editorial, photo-led, light, serif

## Why it works

Large Editorial New headlines on an off-white background give the health brand a premium, editorial feel. A single, high-detail photo of the ring on a hand establishes the product's scale, while the blue "Shop Now" button provides a clear, high-contrast entry point.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/oura#section-1) (y 52–142px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/0.webp · id sec_05274b651ce74e62a33a166daac8c007
2. [Hero: "Wear your best life"](https://designly.sh/s/oura#section-2) (y 142–900px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/1.webp · id sec_513092f200024347b7ae448939d366f6
3. [Features: "Understand your body. Own your health"](https://designly.sh/s/oura#section-3) (y 900–2218px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/2.webp · id sec_5d9a6845ca19477a832a134820a8d877
4. [Content: "86% of Oura Members see their health improve1"](https://designly.sh/s/oura#section-4) (y 2298–2721px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/3.webp · id sec_5bc6f3b8145842fb9241bf1fd5bcbc8f
5. [Content: "Content"](https://designly.sh/s/oura#section-5) (y 2720–3364px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/4.webp · id sec_d748889ca6f64403b403ef313f26a245
6. [Testimonials: "Real members, real stories of impact"](https://designly.sh/s/oura#section-6) (y 3444–4030px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/5.webp · id sec_e8618b0b986844698212cbc29f2ea97a
7. [Content: "Meet Health Radar"](https://designly.sh/s/oura#section-7) (y 4030–4819px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/6.webp · id sec_ce94537830e24848a7c86aff92f844eb
8. [Reviews: "How Oura Measures Sleep and Validates Accuracy"](https://designly.sh/s/oura#section-8) (y 4820–5726px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/7.webp · id sec_b1dbb5b3550d4b9e823ebd46abfce425
9. [Content: "Content"](https://designly.sh/s/oura#section-9) (y 5726–5963px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/8.webp · id sec_21cb315f4cb9472caae09260f303ca76
10. [Footer: "Footer"](https://designly.sh/s/oura#section-10) (y 5963–6622px of 6622) · image: https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/sections/9.webp · id sec_9946dc1540734642ba74dd7ac31878d3

## Design tokens

- Colours: #F7F1E8 (background), #2A72DE (accent), #1C1B1A (surface), #000000 (muted), #CED4B8 (surface-2)
- Fonts: AkkuratLL (display)
- Corner radius: 9999px
- Section padding: 64px
- Export: https://designly.sh/s/oura?format=tokens.css · https://designly.sh/s/oura?format=tokens.json · https://designly.sh/s/oura?format=tokens.tailwind.css

## Images

- Desktop (1440×6622): https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/desktop.webp
- Mobile (390×3245): https://designly.sh/media/captures/cap_b6d5a69ebf1b4faf8423dd0595bf2f80/mobile.webp
- Captured: 2026-10-26

## Other Pages of Oura

- [About](https://designly.sh/s/oura/about-us?format=md) — /about-us
- [Blog](https://designly.sh/s/oura/blog?format=md) — /blog
- [Careers](https://designly.sh/s/oura/careers?format=md) — /careers

## 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
- [Rapha, Home](https://designly.sh/s/rapha/us/en?format=md) — E-commerce brands · Home · Custom code · London, UK · styles: type-led, bold, photo-led, minimal · image: https://designly.sh/media/captures/cap_110cfe6e20f845768d3fd4e26e0e5c77/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.