Cursor is your coding agent for building ambitious software.

Product shell: warm-dark window, agent task list + preview
Cursor Desktop
In progress3
Build Landing Page
Reading docs
Analyze Tab vs Agent usage
Fetching data
Plan Mission Control
Generating plan
Ready for review2
PyTorch MNIST experiment
10m
Set up Cursor Rules
30m
Build Landing Page
make a landing page based on attached docs explaining what we do
Reading about-acme.md
Editing index.tsx +135 −21
Running dev server on :3000
← → ⟳ http://localhost:3000
Acme Labs

Software creation is changing. We are a group of researchers and engineers inventing at the edge of what’s useful and possible.

Buttons: states shown static — default / hover / disabled (full pills, ~43px)
Download ⤓primary · default · #edecec
Download ⤓primary · hover · #fff
primary · disabled
Request a demo →secondary · default · #26241e
Request a demo →secondary · hover · #2b2923
secondary · disabled
Contact salesoutline · default
Contact salesoutline · hover · #201e18
outline · disabled
Inputs & agent prompt: surface #1b1913, radius 8, muted placeholder
text input · default
text input · focus (border-strong, exact ring not captured)
make a landing page based on attached docs explaining what we do
agent prompt box · same #1b1913 surface
Badges & status chips: pastels used as diff / status accents only
+135 −21 In progress Ready for review Agent Tab
Palette: warm near-black ladder + near-white; pastels in gradients / accents only
Surfaces & borders
bg#14120b
surface-1#1b1913
surface-2#201e18
surface-3#26241e
surface-4#2b2923
border237,236,236 · .1
border-strong237,236,236 · .2
Text (warm white)
text#edecec
text-2#d6d6dd
text-muted237,236,236 · .6
text-faint237,236,236 · .4
Accent & semantic
pink#e394dc
lavender#aaa0fa
teal#83d6c5
amber#c08532
green diff +#7bd88f
red diff −#f76d6d
Typography: CursorGothic, restrained weight-400 display
hero·400Building ambitious software
section·400Trusted every day by teams
app·700Mission Control
body·16Body text at 16px / 1.5, near-white on warm-dark.
ui·1414px nav, links, meta
label·600Ready for review
mono·13edit index.tsx +135 −21
Radius scale: pill controls, 8px cards / inputs, 10–12 app windows
pill · 9999px
window · 12px
card / input · 8px
Depth & elevation: near-flat UI; deep layered shadows only on floating app frames
0 22px 70px 4px rgba(0,0,0,.3), 0 0 0 0.5px rgba(0,0,0,.15)
0 25px 50px -12px rgba(0,0,0,.25), 0 12px 24px -8px rgba(0,0,0,.15)
0 28px 70px rgba(0,0,0,.14), 0 14px 32px rgba(0,0,0,.1)
Motion: uniform ~150ms micro-transitions (color / background-color / border-color / opacity 0.15s cubic-bezier(0.4, ...)); nothing animates at rest; live agent spinners and streaming text communicate the work, never decorate.
Trusted by
OpenAIFigmarampVercelNVIDIADiscord