Vercel
vercel.comDesign Analysis
A developer-tools masterclass: the marketing site behaves like the product. The product screenshot above the fold is a live preview deploy of the marketing site itself.
More Dev tools / infra SaaS
Resend
The clearest "show, don't tell" landing page in the dev-tool category. The hero replaces marketing copy with the exact snippet a developer pastes into their app.
Supabase
The most disciplined version of the Linear aesthetic in infra. Hero animation is the actual product's query playground, recorded live.
Fun
Fun.xyz adopts a minimal, dark-themed aesthetic befitting a blockchain infrastructure brand, leaning heavily on quantitative social proof and founder testimonials to establish credibility in a technical market. The design prioritizes top-of-funnel trust signals over self-serve discovery, which positions it as an enterprise sales-led product rather than a developer-led PLG tool. The repeated 'Learn more' pattern across product sections suggests a content architecture relying on deeper linked pages that weren't captured in this extraction, leaving the homepage feeling sparse without that surrounding context.
Workweave
Weave's site design is anchored by a data-forward aesthetic — the 'Output per engineer' widget with live-looking percentile charts functions as an instant product demo, making the abstract concept of normalized engineering output immediately tangible. The integration graph (Code → Reviews → AI Tools → Project → Comms flowing into a single Weave node) is a smart visual metaphor that communicates platform breadth without a feature list. The layered trust architecture — compliance badges, named enterprise customers, and a timestamped case study with measurable outcomes — is methodically stacked to serve both bottoms-up practitioner and top-down executive buying journeys simultaneously.