Zoox
Serene, clinical, and human-centered. Pale sage backgrounds create an airy, tranquil canvas paired with rounded media frames, muted dark typography, and vibrant mint pill buttons that reinforce an effortless futuristic mobility experience.
Visit siteColour
Background#d3e4df
Text#0d1212
Accent#64d5b3
Surface#ffffff
Muted#5b8279
Typefaces
- Display
- __gtStandardL_53dfc7
- Body
- __gtStandardS_412463
- Mono
- —
- Source
- self_hosted
- Scale
- 12 · 14 · 15 · 20 · 23 · 28
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 20px · 24px
Capture
- Category
- ai
- Sections
- 14
- Captured
- 2026-08-29
- Rhythm
- sage x2 → white → sage x2 → dark slate x3 → sage x2 → white x3 → black
Type rules
- body text constrained to a measure of around 74 characters
- section eyebrows styled in uppercase muted text
- display headlines set in sentence case with spacious line heights
Colour rules
- pale sage (#d3e4df) forms the dominant tranquil environment
- deep slate (#34484a) breaks the rhythm for active destination features
- mint (#64d5b3) is reserved strictly for interactive pill button fills and highlights
Voice rules
- lead with the rider experience over vehicle specifications
- use uppercase tracking on categorical eyebrow labels
Holds it together
- pair every primary visual asset with heavily rounded outer corner radii
- use muted uppercase eyebrow tags above all major headers
- confine bright mint highlights strictly to action pills and category tags
Contrast
text on background14.3:1 AAA
muted text on background3.2:1 AA Large
text on surface18.9:1 AAA
accent on background1.4:1 fail
background on accent1.4:1 fail
Type, measured
- Body
- 12px / 1.4
- Measure
- 74 characters
- Display
- 120px / 1.1
- Tracking
- 0em display
- Scale ratio
- 1.78
Voice
- Tone
- understated, futuristic, serene
- Sentences
- medium
- Person
- second
- Vocabulary
- accessible
- Calls to action
- ride, experience, learn, see, join
Built with
- Builder
- —
- Framework
- next
- Motion
- lenis
- WebGL
- —
- Nav
- sticky_top_bar, 7 items, sticky
- Length
- 10.6 screens
Sections in page order
3 marked strong · 14- 00
statement
Pristine, airy statement set against a soft sage background anchored by a minimalist vehicle badge.
- Mood
- quiet + clinical
- Layout
- 1 col · centered · airy
- 01
hero
A quiet, cinematic aerial video hero showcasing an autonomous vehicle on a sunlit city street without text overlay.
- Mood
- quiet + clinical
- Layout
- 2 col · full bleed · airy
- 02
feature
Airy, clean editorial feature pairing lifestyle photography with restrained typography set against vast white space.
- Mood
- quiet + editorial
- Layout
- 7 col · split · airy
- 03
showcase
A calm split showcase pairing an interactive typography list on soft sage with a cinematic passenger perspective video.
- Mood
- quiet + clinical
- Layout
- 2 col · split · airy
- 04
showcase
StrongSerene automotive showcase featuring an open autonomous vehicle rendering bathed in warm ambient lighting beside understated typography.
- Mood
- quiet + dreamy
- Layout
- 10 col · split · airy
- 05
statement
Minimalist dark slate transition banner centered around an energetic headline and understated uppercase eyebrow.
- Mood
- bold + quiet
- Layout
- 16 col · centered · airy
- 06
showcase
StrongSpacious, quiet dark slate layout pairing two staggered rounded photographic cards with subtle destination links.
- Mood
- quiet + clinical
- Layout
- 16 col · asymmetric · airy
- 07
cta
A tranquil, deep slate callout section with balanced centered typography and a contrasting mint green pill CTA button.
- Mood
- quiet + clinical
- Layout
- 10 col · centered · airy
- 08
statement
A tranquil, minimalist statement section surrounded by generous pale sage space and restrained typography.
- Mood
- quiet
- Layout
- 5 col · centered · airy
- 09
showcase
Two balanced editorial cards with rounded photography and dark pill buttons rest calmly against a soft sage background.
- Mood
- quiet + clinical
- Layout
- 2 col · grid · airy
- 10
cta
Spacious and quiet centered callout with subtle two-tone typography and a single mint pill CTA.
- Mood
- quiet + clinical
- Layout
- 15 col · centered · airy
- 11
showcase
A clean, clinical article index pairing a framed portrait with a structured list of tagged stories and mint action buttons.
- Mood
- clinical + quiet
- Layout
- 12 col · split · balanced
- 12
footer
A clean, quiet, and utilitarian footer with airy multi-column navigation and an integrated newsletter capture.
- Mood
- clinical + quiet
- Layout
- 12 col · grid · airy
- 13
footer
StrongA cinematic dark footer featuring the illuminated rear chassis of an autonomous vehicle emerging quietly from deep shadows.
- Mood
- quiet + clinical
- Layout
- 12 col · split · airy
