A near-black-on-white outdoor-tech system where almost everything is ink and surface — restraint held tight until one electric Rivian Yellow pill earns the click.
Set in Adventure, Rivian's proprietary brand sans — substituted here with the nearest Google match, Inter. Hierarchy is built almost entirely from size and tight negative tracking; weight rarely exceeds 600.
Image-led product cards on white, separated by soft hairlines rather than shadow — depth stays nearly flat, with only a subtle lift on hover.
An 8px base unit drives the rhythm — 4 / 8 / 12 / 16 / 24 / 32 / 48 — with generous whitespace between full-bleed media bands.
Rounded and soft throughout: the full pill is the dominant control shape, with a generous 40px on larger buttons and 20px on cards.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Feature grids collapse to single column; centered nav condenses to a menu; 56px display scales down while keeping its tight tracking. |
| Tablet | 768–1023px | Four-up product grids become two-up; hero media stays full-bleed; pill nav stays inline. |
| Laptop | 1024–1279px | Full multi-column layout returns; max content width caps around 1200px. |
| Desktop | ≥ 1280px | Wide full-bleed media bands with generous margins; type and photography carry the page. |
Layout note: the site is editorial and image-forward — stacked full-width feature bands rather than boxed cards, with a centered pill cluster for primary navigation.
Sample pricing pattern using the system's tokens — dark "feature" card, yellow accent dots, and a Rivian Yellow CTA on the highlighted tier. (Illustrative content; rivian.com presents these as vehicle trims.)
A reservations-style table built from the same hairlines, tonal header band, and pill status chips. (Illustrative content.)
| ID | Vehicle | Reservation | Status | When |
|---|---|---|---|---|
| R2-4821 | R2 Adventure | Forest Green | Confirmed | 2h ago |
| R1S-9920 | R1S Ascend | El Cap Granite | In review | Yesterday |
| R1T-3310 | R1T Adventure | Limestone | Confirmed | 2 days ago |
| R3-1184 | R3X | Storm Blue | Waitlist | 4 days ago |
| R2-7752 | R2 Launch | Glacier White | Confirmed | 1 week ago |
Sign-in and registration cards using the input, divider, and pill-button tokens. (Illustrative content.)