Vercel

Develop. Preview. Ship.

cloud platform / frontend infrastructureverifiedvercel.com

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. The brand is stark and confident: pure black and white, a single triangle mark, and the open-source Geist typeface. Everything signals speed and precision.

Color

primarydark

#000000

The brand is black. Primary ink for logo, headings, buttons. Inverts to white in dark mode.

accent

Vercel Blue

#0070f3

Vercel blue — used sparingly for links and highlighted actions.

surfacedark

#ffffff

Background — pure white in light mode; near-black in dark mode.

textdark

#111111

Body and heading ink on white; near-white on the dark surface.

danger

#ee0000

Errors, failed deployments.

Typography

display → Geistbody → Geistmono → Geist Mono

Geistgeist

commissioned

Develop. Preview. Ship.

Foundry:: Vercel
Weights:: 400, 500, 600, 700

Geist, commissioned and released by Vercel — SIL Open Font License. Self-hosting and rehosting are permitted.

Geist Monogeist-mono

commissioned

Develop. Preview. Ship.

Foundry:: Vercel
Weights:: 400, 500

Geist Mono by Vercel — SIL Open Font License; used for code, commands, and deploy URLs.

Voice & Tone

fastconfidentdeveloper-firstminimal

Do

+Speak to developers as peers
+Show, don't tell — a command or a deploy URL beats a paragraph
+Keep it terse and high-energy
+Reward the reader's technical fluency

Don't

−Don't over-explain basics to a developer audience
−Avoid marketing fluff and empty superlatives
−Never slow the reader down with hedging

Sample copy

buttoncta

Deploy

success toastnotification

Deployed to production in 12s.

docsbody

Push to your Git branch to get an instant preview deployment.

hero headlineheadline

Your complete platform for the web.

Logo Inventory

primary

svgpng

mono

svg

Usage Rules

SHOULDBlack and white lead; blue accentscolor
The system is monochrome. Use Vercel blue only for links and a single primary action per view.
MUSTMeet WCAG AAaccessibility
Maintain 4.5:1 for body text in both light and dark modes.
MUSTSet brand type in Geisttypography
Use Geist for all brand and product surfaces; Geist Mono for code, commands, and deploy URLs.
MUSTKeep the triangle solidlogo
The mark is a solid fill — black on light, white on dark. Never outline, gradient, or recolor it.

mcpConnect your agent to Vercel

live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/vercel/mcp

.mcp.json

{
  "mcpServers": {
    "brandsweets-vercel": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/vercel/mcp"
    }
  }
}

claude codeclaude mcp add --transport http brandsweets-vercel https://mcp.brandsweets.com/vercel/mcp