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.
Aa
Two constants: an uncompromising black-and-white palette and a crisp neo-grotesque. Abstract homage — not the Vercel triangle or wordmark.
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.
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.
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.)
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.
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.



