, ,

Vercel Brand Guidelines: Black, White & the Geist Typeface

·

Brand Guidelines · Field Guide

Vercel Brand Guidelines

A monochrome system for the frontend cloud — pure black, pure white, a single triangle, and a typeface Vercel gave away for free.

FIG 1.0 — MONOCHROME (HOMAGE)

FIG 1.1 — NEO-GROTESQUE
Aa

Two constants: an uncompromising black-and-white palette and a crisp neo-grotesque. Abstract homage — not the Vercel triangle or wordmark.

Palette
Black + White
Logo
TriangleUpward “▲”
Brand type
GeistOpen source
Accent
#0070F3Vercel blue
01

Less brand, more product

Where most software companies reach for a signature colour, Vercel reaches for the absence of one.

Vercel’s identity is a study in restraint: pure black (#000000) and pure white (#FFFFFF), generous whitespace, and one geometric mark. The company builds the platform many of the web’s fastest sites deploy on, and it wants that speed — not a mascot or a gradient — to be the first thing you feel. The austerity is the message. A monochrome brand reads as precise, engineered and confident; it gets out of the way so the product can speak.

The company wasn’t always called Vercel. It launched in November 2015 as ZEIT (German for “time”), founded by Guillermo Rauch, and renamed to Vercel in April 2020 to reframe itself around the deploy-preview-ship workflow developers actually live in. The upward-pointing triangle (▲) arrived with that rebrand. Vercel has never published a fixed “meaning” for it, so read it as you like — a play button, a deploy arrow, a stylised “V” — but resist the urge to over-explain a mark whose whole point is to be clean and unfussy.

02

Colour

There is almost no colour to guard here — and that is exactly the discipline. Click a swatch to copy the hex.

The brand palette is essentially two values: black #000000 and white #FFFFFF. A near-black #171717 shows up as the dominant dark in Vercel’s product UI, and a bright Vercel blue #0070F3 serves as the functional accent for links, focus states and calls to action. Treat the blue as a tool, not a theme: it appears where the interface needs to point at something, never as decoration. Running an identity on black and white is risky — it can read as unfinished — but Vercel earns it with impeccable typography and spacing, proving that hierarchy, not hue, is what makes a screen feel designed.

Working with a palette this bare rewards precision. Because there’s no colour to lean on, contrast has to come from weight, size and spacing: a black headline against white does the heavy lifting a coloured banner would elsewhere. Keep the blue strictly functional — reserve #0070F3 for links, focus rings and primary buttons so it never loses its “act here” meaning — and let the near-black #171717, not pure black, carry large dark surfaces in an interface, where full #000000 can feel harsh. The pairing is inherently accessible: black on white clears WCAG contrast with room to spare, and the blue is dark enough to pass on white for text and controls. The discipline isn’t choosing colours; it’s refusing to add any you don’t need.

Copy
Black
#000000
Copy
Near-Black
#171717
Copy
Vercel Blue
#0070F3
Copy
White
#FFFFFF
03

Typography

Vercel’s most generous brand decision was to build a bespoke typeface and then give it to everyone.

The brand and product typeface is Geist, a neo-grotesque in the Swiss tradition designed by Basement Studio (Andrés Briganti and Mateo Zaragoza, with font engineer Guido Ferreyra) and open-sourced by Vercel under the SIL Open Font License in 2023. It ships in two voices: Geist Sans for interface and marketing text, and Geist Mono for code. Before Geist, Vercel leaned heavily on Inter — itself an influence on the new face. Open-sourcing your own typeface is an unusually on-brand move for a company whose customers are developers: the brand assets become tooling.

Aa Gg 01

Crisp, engineered, evenly spaced — a Swiss neo-grotesque built for screens. (Specimen set in Space Grotesk, a grotesque kin to Geist’s forms.)

Geist Sans · UI + brandGeist Mono · codeInter · prior face

04

An identity that ships

Vercel’s austerity isn’t minimalism for its own sake — it mirrors what the company sells.

Vercel calls itself the “frontend cloud” (more recently the “AI cloud”): the place your framework builds, previews and goes live in seconds. An identity of black type on white space, moved by fast, subtle motion, is the visual equivalent of a clean deploy — nothing extra, nothing slow. It’s worth separating two things people conflate: Next.js is the open-source React framework Vercel created (first released in 2016); Vercel is the company and platform that maintains it. The brand quietly benefits from Next.js’s popularity without hiding behind it.

The lesson for designers is that a brand can be almost invisible and still be strong. Vercel proves you don’t need a colour system to be recognisable — you need a point of view, executed with total consistency. When every surface is the same disciplined black, white and blue, the restraint itself becomes the signature.

05

Explore & save

Keep Vercel’s identity on hand — save it to a board in the Made Good inspiration library.

Vercel identity set

Pin the monochrome palette and the type spirit to your own board.

Core Palette
Homage
Aa
Neo-Grotesque
Geist spirit
Mono System
Gradient

♡ Save to a board

06

Source & notes

Editorial reference. This article reports publicly documented facts about Vercel’s visual identity; it is not affiliated with, or endorsed by, Vercel. The Vercel triangle mark and wordmark are trademarks of Vercel Inc. — the graphics here are original abstract homages (black/white/blue blocks and swatches), not the Vercel logo, and are not reproduced from Vercel’s assets. Facts verified against Vercel’s brand and Geist pages, Basement Studio’s account of designing Geist, and public records of the ZEIT→Vercel rename (April 2020) and Next.js (2016, Guillermo Rauch).