design.liveConnect MCP

Vercel.

Pure black-and-white precision, Geist typography and terminal-grade restraint — the developer aesthetic, perfected.

14 screens indexed3 flows mappedWeb · private beta
Download DESIGN.md

In the kit

Brand assets

Logo variants, mirrored and stable.

Served from the design.live CDN at a stable resolver URL, so an agent never has to scrape a brand site at request time.

Logo · for light surfaces
Logo · for dark surfaces
Icon · app mark

Palette

Vercel colours, ready to paste.

Hex values as recorded in the brand record. Click any swatch to copy it.

accent
dark
light

Typography

The type the brand actually ships.

Recorded from the brand record and the curated design distillation, with role and origin.

Aa

Geist

title · google

Aa

Geist

body · google

Geist, 600 weight

Weights
400 · 500 · 600
Scale
72 / 44 / 24 / 16 / 14
Tracking
-0.04em on display

Brand context

What an agent needs to know first.

AI-ready positioning, distilled into the same context block the MCP returns.

Build and deploy on the AI Cloud

Vercel provides a Frontend Cloud—developer tools plus global infrastructure—for teams building, scaling, and securing fast, personalized web experiences. Its differentiator is an AI Cloud built for end-to-end delivery with security and performance at the edge, backed by claims like reduced page load times by 95% and builds accelerating from 7 minutes to 40 seconds.

Audiences

  • Frontend and platform engineering teams building web apps (Next.js, React frameworks, and other frontend stacks)
  • Product engineering teams developing AI-enabled applications and LLM-powered experiences
  • Mid-market and enterprise teams running security- and reliability-sensitive production workloads

Design evidence

How the product behaves.

Counts come from the canonical evidence store. Screens and ordered steps are delivered through the authenticated MCP, not rendered here.

14screens indexedBrowse screen coverage 3workflows mappedBrowse flows
14screens VLM annotatedcomponents · states · accessibility

Type

Aa

Geist, 600 weight
72 / 44 / 24 / 16 / 14 · -0.04em on display

Signature moves

01Monochrome first, color as signal02Geist Mono for anything technical031px borders, zero shadows04Triangle mark as the only flourish
> Use the design.live MCP and make it look like Vercel.

Connected agents retrieve ranked, permission-aware evidence through the MCP. https://design.live/mcp