Rivian

Item: Rivian
Rating: 7.8

Electric adventure trucks and SUVs sold direct to customers.

7.8/10MABTU rating

DESKTOP · 1440 × 17,041/ ↗

MOBILE · 390

Section outline · Home

01header56
02heroExplore our latest offers765
03pricingR1S6,086
04features gridElectric vehicles designed for adventure906
05features gridAward-winning safety2,752
06features gridReady for electric exploration1,824
07media textDesigned to get better with time1,426
08formKeep exploring982
09media textKeep the world adventurous forever960
10pricing840
11footer500

Rating · Home

Visual design8.5

UX & clarity8.0

Originality7.8

Craft & consistency8.5

Motion7.5

Performance & a11y5.0

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

Main colours

Light·off white background·vivid

Typography

Adventureheading · font · self-hosted Adventurebody · font · self-hosted

Stack & style

Next.js Contentful Tailwind CSS React

Minimal Bold typography Photography-led Floating CTA Hamburger-only nav Hero carousel Hero video Horizontal scroll Live chat Pinned sections Pricing table Service area list Sticky header Tabs

Also: reCAPTCHA, Amazon CloudFront, Google Analytics, Google Tag Manager

Design DNA

White studio ground with vehicles cut out in profile and the model name set as an enormous black sans wordmark that the car overlaps; each block repeats price, lease estimate and range in one small line above black pill Explore and Design yours buttons. Horizontal galleries scroll through colourways. Mid-page switches to editorial photography with a tab row (Technology, Performance, Design), then to near-black sections for charging and the in-car interface, a four-tile CTA row in yellow, green, orange and blue, and a dusk landscape closing band.

Worth borrowing

Oversized model wordmark behind the cut-out product, with the vehicle overlapping the letterforms.
Identical three-item fact line (price, lease, range) plus two pill buttons under every model block.
Four saturated CTA tiles (Shop, Get updates, Trade in, Service) as a colour-coded router before the footer.