TwelveLabs

Item: TwelveLabs
Rating: 7.7

Video understanding models and API for search, analysis and generation.

twelvelabs.io Save page

7.7/10MABTU rating

DESKTOP · 1440 × 10,067/ ↗

MOBILE · 390

Section outline · Home

01heroDark, flying video thumbnails, two outline buttons
02featuresNumbered accordion: infrastructure, API, MCP, integrations
03featuresWireframe cylinder with speed, scale, proprietary labels
04use casesPastel gradient, five use-case tiles
05industriesTabbed rounded carousel with sports footage
06securityIridescent 3D shapes with lock icon
07modelsTwo dark cards: Marengo and Pegasus with wireframe diagrams
08testimonialsThree quote columns on pastel gradient
09ctaRounded horse video card with buttons
10footerLink columns, badges, giant TwelveLabs wordmark

Rating · Home

Visual design8.4

UX & clarity7.4

Originality8.4

Craft & consistency7.9

Motion7.5

Performance & a11y7.7

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

Main colours

Light·off white background·mono

Typography

Milling Duplex 1mmheading · font · self-hosted Milling Duplex 1mmbody · font · self-hosted

Stack & style

Framer React Three.js Lottie Google Fonts WebGL canvas

Minimal Gradient-heavy 3D Rounded / soft Dark tech Video-led Floating CTA Horizontal scroll Marquee Sticky header Tabs Testimonial slider

Also: Google Tag Manager

Design DNA

Alternates charcoal bands and white bands washed with iridescent lime, pink and lilac gradients. Type is a light, slightly wide grotesk at restrained sizes with pill outline buttons carrying arrow glyphs. The hero flies dozens of small video thumbnails in a perspective tunnel. Infrastructure is shown as a numbered accordion beside a wireframe cylinder packed with glowing yellow dots; model cards use line-art horse icons and isometric wireframe block diagrams. Use-case tiles, a rounded tabbed industry carousel with sports footage, customer quotes on pastel haze and a rounded horse-in-motion video CTA lead to a huge wordmark with a pixel-bar logo.

Worth borrowing

Visualise indexing speed as a wireframe cylinder filled with glowing dots, labelled with outline pill tags.
Fly small video thumbnails along a perspective path in the hero to show 'all your footage'.
Use a single cinematic motion clip in a heavily rounded frame as the final CTA.