Windsurf
windsurf.ai/
Windsurf is a Developer Tools product. See its windsurf.ai landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers, pricing, logo clouds, and 2 more. It's built with Next.js and Tailwind CSS. Its type is set in nbInternationalPro, anchored by a #f9f9f8 palette. Study how Windsurf structures its messaging, layout and visual hierarchy, then explore more of the best Developer Tools website designs.
Featured in: Logo Clouds: How 12 Real SaaS Sites Borrow Trust in One Glance
- Category
- Developer Tools
- Meta title
- Devin Desktop | Devin
- Stack
- Next.jsTailwind CSS
- Typography
- DisplaynbInternationalPro
- Palette
- Sections
- 07
- Updated
windsurf.ai/
Windsurf's landing page, section by section
Each section below is cropped straight from Windsurf's live page — useful references for developer tools landing page design.
