Vercel

• The typographic family is the entire identity — Geist sans for voice, Geist Mono for proof, Geist Pixel for craft moments. One foundry, three registers, no outside guests.
• Colour behaves like confidence — grey descenders do 95% of the reading, and the Radix-derived accent set (cyan, magenta, red, teal, orange, green) shows up only to mark state or pattern recognition, never as surface paint.
• Shadow as hairline — every card is framed by a 1px border ring plus a 1px inset highlight, a 'printed on paper' elevation that never drifts into drop-shadow costume.
• Gradients used like dot-matrix ink — eleven 50%-stop solid-colour gradients act as flat pattern fills behind feature tiles. It is the most disciplined way to use gradient we have seen in a B2B landing.
• Motion calibrated to input type — 0.1s-0.15s snap on chroma so feedback lands immediately, a single custom cubic-bezier(0.33, 0.12, 0.15, 1) for opacity reveals, and 0.2s ease for transform. Three channels, three speeds, no spring.
• Open token system as a public signal — 96 CSS variables exposed in the cascade tells every engineer who inspects the page that this is a design system, not a landing decorator.

• How one type foundry — Geist — carries a whole brand without a second family in sight. Steal the discipline of limiting yourself to one foundry, many cuts.
• The ring-plus-inset shadow grammar — a 1px outer ring with a 1px inner highlight gives you the feel of a printed card and eliminates the drop-shadow fatigue most SaaS pages carry.
• Gradients as flat pattern fills — use a 50%-stop solid-colour gradient when you want a feature tile to feel categorised, not coloured. Contra glows, Linear shimmers, Vercel tiles.
• The snap chroma motion rule — hover feedback under 150ms feels like pressing a real button. Most landings set 300ms and lose that micro-credibility.
• Exposing CSS custom properties as a brand signal — ninety-six variables in the cascade is not an accident, it is a statement that the page and the product share the same token surface.

• Do not import Geist Pixel without a reason — the decorative cuts are used very sparingly on the source. Pasted onto every paragraph, they flip from craft to costume immediately.
• Do not adopt the Radix-derived accent palette wholesale without mapping each colour to a semantic role. Vercel earns the spectrum because each colour means something; decorated onto generic UI it reads as a toolbox.
• Do not replicate the 1080px single-container rail at larger widths — the tight constraint is deliberate editorial framing for a developer audience. A broad consumer landing needs more air, not less.

The page reads like well-engineered documentation that happens to be marketing — grey on white with precise weight steps, hairline cards, and colour applied like a state indicator rather than a paint job. Gradients are there but barely register as colour because they behave like swatches of pattern ink. You are being onboarded into a platform, not persuaded into a purchase.

• The 2024+ platform-marketing benchmark — Vercel, Linear and Stripe are the triangle most dev-facing landings are measured against. Vercel is the variant that leans most into exposed tokens and engineering-as-aesthetic.
• Part of the 'home-grown typography as brand' cohort (Geist in Vercel, Sohne in Stripe, GT America in Figma pre-redesign) — foundries operated as product rather than as license.
• Shares grammar with the Radix Themes ecosystem — the semantic 10/11/12 colour stops speak directly to the same token discipline Radix and shadcn/ui publish.