Runway

Item: Runway
Rating: 7.1

AI world models powering creative, developer and robotics platforms.

7.1/10MABTU rating

DESKTOP · 1440 × 5,117/ ↗

MOBILE · 390

Section outline · Home

01announcementBlue bar promoting AI Summit68
02heroRounded media panel with robot arms, bottom-left copy and button664
03logosSmall logo row100
04productsThree photo columns with claims and buttons993
05tabsTab list left, large photo right
06researchDark blurred panel with mission copy and model index
07blogFour news cards in two rows
08footerBlack footer with dense link columns

Rating · Home

Visual design7.3

UX & clarity7.4

Originality6.4

Craft & consistency7.3

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

Abcheading · font · self-hosted Abcbody · font · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Photography-led Rounded / soft Hero video Logo cloud Sticky header Tabs Transparent header

Also: Cookiebot, Meta Pixel, Google Analytics, Google Tag Manager, Vercel

Design DNA

White page with a neutral grotesk, black pill buttons and grey secondary pills. A blue announcement bar tops a rounded full-width media hero (robot arms tossing food in a wok) with small white copy bottom-left. Three equal columns introduce Creative, Dev and Robotics, each with a cinematic photo, a two-line bold claim and a row of small buttons. A tabbed use-case panel with a mountain photo, a dark blurred research panel listing model names, a four-card news grid and a black footer with dense link columns follow.

Worth borrowing

Present three product lines as equal columns, each with a cinematic photo, one bold sentence and its own button set.
List flagship model names as a ruled index with arrows inside a dark blurred-photo research panel.
Use tiny white copy in the corner of a rounded full-bleed video so the footage leads.