Metalab

Item: Metalab
Rating: 7.6

Product design and development agency behind interfaces for leading tech brands.

metalab.com Save page

7.6/10MABTU rating

DESKTOP · 1440 × 900/ ↗

MOBILE · 390

Section outline · Home

01hero3D chrome star, serif headline, client pill index54

Rating · Home

Visual design7.8

UX & clarity6.8

Originality7.4

Craft & consistency7.8

Motion7.2

Performance & a11y9.0

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

Main colours

Light & dark toggle·black background·mono

Typography

PP Eikoheading · font · self-hosted Basis Grotesque Probody · sans · self-hosted

Stack & style

Next.js Lenis Sanity React

Minimal Editorial 3D Custom cursor Hamburger-only nav Hero video Smooth scroll Sticky header Theme toggle Transparent header

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

Design DNA

A single full-viewport stage: black background with a glossy violet-chrome 3D star, a light high-contrast serif headline 'We make interfaces' set with a staggered indent, a short intro paragraph top right and a vertical stack of small dark pill buttons naming clients (Robinhood, Midjourney, Uber...) that swap the stage on hover. Only a Menu pill, a centred wordmark and a contact link sit in the header.