Waabi

Item: Waabi
Rating: 7.3

Generative AI platform for self-driving trucks and robotaxis.

7.3/10MABTU rating

DESKTOP · 1440 × 11,265/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed photo, serif headline bottom left, pill nav2,250
02aboutPinned scene: scattered photo tiles around centred paragraph1,350
03featuresSafe/Scalable/Practical tabs beside aerial image1,800
04cardsThree captioned photo cards: World, Mixed Reality, Driver
05testimonialsBlack quote card carousel with partner tabs1,359
06blogGrey band, horizontal video thumbnail cards959
07ctaCareers CTA with staggered photo collage1,153

Rating · Home

Visual design7.8

UX & clarity7.2

Originality7.3

Craft & consistency7.5

Motion7.5

Performance & a11y5.0

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

Main colours

Light·white background·vivid

Typography

Zagmaheading · font · self-hosted Zagmabody · font · self-hosted

Stack & style

Next.js Lenis React Tailwind CSS DatoCMS

Minimal Editorial Photography-led Hamburger-only nav Hero video Pinned sections Smooth scroll Sticky header Tabs Testimonial slider Text reveal Transparent header

Also: Amazon CloudFront, Google Analytics

Design DNA

White canvas with a light, tightly set serif display for every headline and a tiny sans for body. Hero is a full-bleed photo with a two-line serif statement bottom left and a floating pill nav. A pinned scroll scene scatters small rounded photo tiles around a centred paragraph. Three captioned photo cards, a dark safety band, a partner quote carousel on a black card, a grey insights row of video thumbnails and a closing collage. Hot pink is used only for tiny pill buttons and dots.

Worth borrowing

Scatter a dozen small rounded photo tiles around one centred mission paragraph as a pinned scroll scene.
Keep the accent colour to tiny pink pill buttons and a dot so the photography carries the page.
Set headlines in a light serif at tight leading with a full stop for a calm, confident tone.