Vercel

Item: Vercel
Rating: 7.8

Cloud infrastructure for deploying web apps and AI agents.

7.8/10MABTU rating

DESKTOP · 1440 × 5,930/ ↗

MOBILE · 390

Section outline · Home

01headerAgent Stack64
02heroAgentic Infrastructure836
03testimonialsBuild agents on infrastructure that thinks like them2,418
04features gridRecently shipped718
05contentBuilt by you, or your agents136
06footerAgent Stack846

Rating · Home

Visual design8.5

UX & clarity8.3

Originality7.8

Craft & consistency9.0

Motion5.0

Performance & a11y9.0

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

Main colours

Light & dark toggle·off white background·mono

Typography

Geist Sansheading · sans · self-hosted Geist Sansbody · sans · self-hosted

Stack & style

Next.js Payload CMS React Tailwind CSS

Minimal Monochrome Swiss grid Product-UI-led Marquee Sticky header

Also: Vercel

Design DNA

Off-white #FAFAFA canvas with #171717 type and no brand colour at all; the only graphic is the black logo triangle floating on a soft radial shadow. Hero is a three-column split: tight two-line Geist headline with pill black and outline buttons left, triangle centre, three short stacked value lines right. Feature bands repeat one pattern: two-line left headline, a pale customer UI crop (Notion, Zapier, Mintlify) in a hairline frame, and a small caption with a customer metric plus a grey feature list. Faint wireframe line illustrations for 'Recently shipped', centred closing CTA, then a dense twelve-column link footer.

Worth borrowing

Use the logo mark itself as the hero visual, lifted with a large soft drop shadow on an off-white ground.
Pair each capability band with a real customer's product screenshot and one hard usage metric instead of generic feature art.
Put three terse stacked value lines on the far right of the hero to balance a left-aligned headline without adding a paragraph.