cursor.com/

Cursor

cursor.com/

Cursor is an AI coding agent, described on its own site as being for 'building ambitious software,' where developers hand off implementation tasks to agents that can run for 'hours or days' rather than completing single autocompletions. Its proof section names specific adopters with specific numbers instead of a generic logo wall: NVIDIA's Jensen Huang is quoted saying it's his 'favorite enterprise AI service' with over 40,000 engineers using it, and Y Combinator's Diana Hu reports internal adoption rising 'from single digits to over 80%.' The interface itself is shown mid-task, with real workflow states like 'In Progress' and 'Ready for Review' and elapsed timers such as 'Worked for 14m 22s,' rather than static screenshots. The page also offers a choice of several distinctly named models rather than one default.

Visit website

Category

Engineering & Infrastructure

Style

Light Minimal

Stack

Next.js Tailwind CSS

Fonts

CursorGothic

Palette

Meta title

AI Coding Agent for Building Ambitious Software | Cursor

Sections

Updated

Oct 10, 2026

Cursor's landing page, section by section

Each section below is cropped straight from Cursor's live page — useful references for engineering & infrastructure landing page design.

Cursor design review: how the homepage is built

The homepage is 8199 pixels tall on desktop and follows a steady order: a left-aligned headline with two buttons, a large product screenshot, a logo row, four alternating feature panels, a testimonial grid, a three-column frontier block, a changelog, a team panel, blog highlights, a closing call to action and a five-column footer. Colour is warm off-white, with detected #f7f8f3 for the page, #e3e2dd and #d3c9b9 for panels, dark buttons and orange text links. CursorGothic is the only detected typeface. Painted landscape backdrops behind the interface mockups are the distinctive touch for a developer tool.

Above the fold

The nav places the "CURSOR" logo left, "Models", "Product", "Enterprise", "Pricing" and "Resources" centred, and "Sign in", "Contact sales" and "Download" right. The headline "Cursor is your coding agent for building ambitious software." sits left-aligned, above a dark "Download for macOS" button and a grey "Request a demo". A painted landscape holds overlapping desktop and CLI windows. Eight logos, including Stripe, NVIDIA and Adobe, sit under "Trusted every day by teams that build world-class software".

Alternating feature panels

Four bordered panels alternate the screenshot side. "Agents turn ideas into code" puts text left, "Works autonomously, runs in parallel" reverses it, "In every tool, at every step" returns to text left and adds a "curl" install command with a copy button, and "Automate repetitive work" reverses again. Each pairs a dark lead-in with grey body text and an orange link such as "Learn about cloud agents →".

Testimonials, frontier cards and changelog

"The new way to build software." heads six quote cards in two rows of three, each with a portrait, name and title. "Stay on the frontier" follows with three equal cards, "Use the best model for every task", "Build with autonomous agents" and "Develop enduring software", each with an orange link and an image: a model menu, a phone screen and code on monitors. "Changelog" lists four dated tiles.

Closing section and footer

A team panel reads "Cursor is an applied research team focused on building the future of software development." with a "Join us →" link beside a classroom photo. "Recent highlights" shows four blog tiles. "Try Cursor now." is a large centred headline over a dark download button. The footer has five link columns, "Product", "Resources", "Company", "Legal" and "Connect", then "SOC 2 Certified" and an "English" selector.

On mobile

At 390px the headline stays left-aligned and the button pair collapses to one dark "Get started →" button. The logo row drops from eight to four. Feature panels stack with text above the screenshot, ending the alternation. Quote cards and frontier cards become single columns, "Changelog" and "Recent highlights" turn into horizontal scrollers, and footer columns pair up two across.

Worth borrowing

Placing interface mockups on soft painted landscapes separates product screenshots from the off-white page without adding colour to the palette.
Alternating screenshot sides across four equal panels, each ending in one orange arrow link, keeps repeated feature sections easy to scan.
Swapping the two-button hero pair for a single "Get started →" button on mobile leaves one clear action at 390px.