Windsurf
windsurf.comDesign Analysis
Premium AI code editor with a hero that demonstrates actual development workflows. Windsurf's gradient aesthetic differentiates it visually from the minimal competition while maintaining developer credibility.
More Dev tools / infra SaaS
Vercel
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.
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.