vercel.com/

Vercel

vercel.com/

Vercel's homepage is now pitched as "Agentic Infrastructure" — sandboxed, durable environments for AI coding agents to build, test and deploy apps and other agents, rather than the human-developer deployment platform it's historically been known for. Proof comes from three named customers with specific scale numbers rather than generic praise: Notion powering "millions of agent conversations daily," Zapier serving "over 100 million monthly website visits," and Mintlify powering docs for "over 20,000 companies." The copy describes agents that "autonomously investigate errors, plan fixes, and open PRs," positioning the product around agent-to-agent workflows rather than a dashboard a person clicks through.

Visit website

Category

Engineering & Infrastructure

Style

Light Minimal

Stack

Next.js Tailwind CSS

Fonts

GeistSans

Palette

Meta title

Agentic Infrastructure - Vercel

Sections

Updated

Oct 15, 2026

Vercel's landing page, section by section

Each section below is cropped straight from Vercel's live page — useful references for engineering & infrastructure landing page design.

Vercel design review: how the homepage is built

The page runs from a slim header and announcement line to a hero built around a black triangle, a row of seven logos, three customer showcases, a "Recently shipped" grid, a closing call to action and a twelve-block footer. The desktop capture is 5930 pixels tall. Colour is near monochrome: an off-white ground of #fafafa, near-black #020202 for type and the triangle, and mid-greys such as #c8c8c8 for faded text and hairlines. Geist Sans carries every headline in a light weight. Large type and screenshots of customer sites replace illustration.

Above the fold

The header holds a triangle mark, the labels "Products", "Resources", "Enterprise" and "Pricing", then "Get a Demo", "Log In" and a filled "Sign Up". A centred line reads "Ship 26 is tomorrow." with a "Stream online for free" link. The hero is a three-part row: the headline "Agentic Infrastructure" with a filled "Deploy now" and an outlined "Talk to sales" on the left, the triangle in the middle, and a list on the right beginning "For coding agents".

Notion and Zapier showcases

Below the logos, "Build agents on infrastructure that thinks like them" opens a Notion AI chat screenshot beside "Notion powers millions of agent conversations daily on Vercel." A "Features" list names "Durable Orchestration", "Sandboxed Environments", "AI Model Gateway" and "Fluid Compute". The next block, "Ship apps that scale from zero to millions instantly", mirrors the layout with the headline pushed right and a Zapier page showing "450K+", "9,000+" and "3.39M+".

Mintlify block and Recently shipped

A third showcase, "Host platforms that serve every customer", pairs a Mintlify documentation screenshot with "Mintlify powers documentation for over 20,000 companies on Vercel." and four features including "Tenant Isolation" and "Preview URLs". Under "Recently shipped" sit three hairline-bordered cards: a tall "eve" card with outlined diagonal shapes, "Passport" with a black panel reading "VERCEL PASSPORT", and "Containers" with a "vercel deploy" terminal snippet.

Closing section and footer

The closing headline "Built by you, or your agents" is centred over a filled "Deploy now" button and a pill labelled "Onboard your agent". The footer has twelve link blocks in two rows of six, from "Agent Stack" and "Core Platform" to "Legal & Trust" and "Social", with "New" badges on a few items. A triangle, a blue "ALL SYSTEMS NORMAL." status line and theme icons sit at the bottom.

On mobile

At 390px the hero stacks the triangle above a centred headline, keeping only "For coding agents" from the right-hand list, and the two buttons become full-width bars. The logo row is cut off at the right edge after "Meta" and "DoorDash" partials. Each showcase becomes one column of headline, cropped screenshot, claim and "Features" list. The three "Recently shipped" cards stack, and the twelve footer blocks fold into two columns.

Worth borrowing

A single oversized black triangle between headline and list gives the hero one focal mark and no photography.
Repeating headline, customer screenshot, one-line claim and "Features" list ties each capability to a named customer.
A twelve-block footer with a live "ALL SYSTEMS NORMAL." line doubles as a site map and a trust signal.