Mux

Item: Mux
Rating: 8

Video API for developers to stream, analyse and add AI to video.

8.0/10MABTU rating

DESKTOP · 1440 × 7,082/ ↗

MOBILE · 390

Section outline · Home

01heroCentred wide caps headline, robot mascot badge, orange and outline buttons727
02logo cloudBordered single-row logo table
03featuresConnected white and black cards: CRT still, transcript tabs, video features
04featuresCost calculator card beside analytics chart card
05bentoDark AI bento of captions, Q&A, moderation, chapters plus graffiti mural1,407
06case studySlider with arrows, Patreon photo card518
07integrationsBordered grid of framework and language logos477
08testimonialsDark masonry of quote cards with company logos602
09ctaYellow band with huge black pill button
10footerYellow API/demo strip over dark multi-column link footer

Rating · Home

Visual design8.4

UX & clarity7.8

Originality8.6

Craft & consistency8.2

Motion6.5

Performance & a11y7.7

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

Main colours

Mixed sections·light grey background·vivid

Typography

Rotontoheading · font · self-hosted Aeonikbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS Sanity

Bento Illustration-led Sharp / geometric Swiss grid Product-UI-led Bento grid Logo cloud Tabs Testimonial slider

Also: Google Analytics, Google Tag Manager, Vercel

Design DNA

Pale grey graph-paper canvas where thin connector lines link white and near-black cards like a node diagram. A wide, light all-caps headline ('VIDEO FOR DEVELOPERS'), monospaced small caps for buttons and labels, and one hot orange pill CTA. Cards mix a retro CRT 'The Internet's Video!' still, a transcript tab block, an itemised cost calculator and an analytics chart. A dark bento demos Mux Robots (captions, Q&A, moderation, chapters) beside a black-and-white graffiti mural of robots, then a case-study slider, a bordered framework logo table, a dark testimonial grid and a yellow 'Start building for free' band.

Worth borrowing

Link feature cards with thin connector lines on a graph-paper grid so the page reads like a pipeline diagram.
Show pricing as an itemised cost calculator card ('How much will this video cost?') inside the feature flow.
Break a technical page with one hand-drawn graffiti mural of the product mascot.