Oura

Item: Oura
Rating: 7.2

Smart ring that tracks sleep, activity, stress and health.

ouraring.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 5,648/ ↗

MOBILE · 390

Section outline · Home

01header90
02heroSubtle. Power.810
03stepsUnderstand your body. Own your health.1,318
04media text86% of Oura Members see their health improve11,226
05testimonialsReal members, real stories of impact586
06features gridHow Oura Measures Sleep and Validates Accuracy906
07content166

Rating · Home

Visual design8.0

UX & clarity7.5

Originality7.0

Craft & consistency7.8

Motion6.0

Performance & a11y5.0

This page scores 7.2; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Editorial Newheading · serif · self-hosted Akkurat LLbody · font · self-hosted

Stack & style

Next.js React Ghost Tailwind CSS

Minimal Editorial Luxury Photography-led Hamburger-only nav Hero video Mega menu Process steps Sticky header Testimonial slider

Also: OneTrust, Amazon CloudFront

Design DNA

Warm cream ground with near-black text and a single blue pill CTA. A light transitional serif carries every headline at large sizes, centred, over a short grey sans paragraph and two dark pill buttons. The hero is a muted macro photograph of the ring on stone with a live insect for scale. Benefit cards are photographic tiles with captions overlaid bottom-left and a plus button top-right. App screens fan out as an overlapping arc of dark phone mockups; quotes sit in small bordered cards with round avatars; press lives on a black band.

Worth borrowing

Fan five phone screenshots into an overlapping arc with the centre screen raised, instead of a flat three-up row.
Put the statistic in the serif headline itself ('86% of Oura Members see their health improve') rather than in a stats band.
Use a single saturated blue pill on an otherwise cream and black page so the one CTA cannot be missed.