Rivian
WebsitesElectric Vehicles Designed For Adventure
37 sections
Opening…
About this design
Written from the capture data for Rivian.
Rivian (rivian.com) is a website in the Shopping category. Its homepage is captured as 3 sections, top to bottom: hero, showcase and footer. We also captured its customers, about, log in, changelog, careers and contact pages, plus 2 more. The hero leads with “Explore our latest offers”.
The capture records a palette of #ffffff, #000000, #ffac00, #212121, #ffaa00 and #151515. The largest share of captured homepage sections uses #9fa1b8 as its CSS background. Suggested token roles are #9fa1b8 for background and #000000 for text; check them against the screenshot. Headings are set in Adventure, which it also uses for body copy.
Compared with the 159 other Shopping sites in the library, Rivian sits with the 96% that stay light, and the group's most common heading face is Circular, where Rivian uses Adventure. The average Shopping homepage here has 7 sections; this one has 3.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the showcase, for image scale, grouping and visual emphasis and the footer, for link grouping and legal line. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.
More references: browse all websites.
More shopping sites
Related searches
Sections captured: Hero, Showcase, Footer, Content, Blog, Content, Call to action, Content, Statement, Content, Features, Content, Content, Content, Content, Features, Content, About, Showcase, Blog, Content, Content, Features, Content, Content, Features, FAQ, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content