Cursor

Palette

Typography

Headings

CursorGothic

Body

CursorGothic (marketing) / system-ui (product mockups)

Mono

Berkeley Mono

Free swap

CursorGothic → Inter Tight or Geist (a neo-grotesk at weight 400); Berkeley Mono → JetBrains Mono or IBM Plex Mono.

Everything sits at weight 400. The H1 is only 26px with a 1.25 line height and -1.2% tracking, set in sentence case across two lines. The centred section title ('The new way to build software.') is about 36px. Feature headings are 22px at weight 400 with a 1.3 line height and -0.5% tracking, and the line directly below continues at the same size in muted grey, so heading and lede read as one sentence. Card titles are about 16px, and body and quotes run 15–16px. The product mockups use system-ui at 13px with a 1.55 line height, plus Berkeley Mono at about 12px for the CLI. Hierarchy comes from colour (ink vs grey) and placement, not from size jumps or bold weights.

Measured h1: 26px / 400 / -0.012em · body 13px

Signature moves

• Float pixel-perfect macOS-style app windows over muted oil-painting landscapes so the software feels crafted and timeless rather than techy.
• Write each feature as a single 22px sentence split into an ink headline and a grey continuation, instead of a heading plus a separate paragraph.
• Keep all marketing type at weight 400 and modest sizes (a 26px H1). Confidence comes from restraint and the product visuals.
• Use a warm off-white system (#f7f7f4 page, #f2f1ed slabs, #26251e ink) with no pure white or pure black in the chrome.
• Reserve one saturated orange (#f54e00) for text links, and echo it inside the product UI as the 'Build/Continue' amber button.
• Layer two app windows (desktop plus CLI, Slack plus terminal) at an offset to show the product working across surfaces in one image.

Layout

Content is 1300px wide and left-aligned, with generous empty space. The hero is plain text and two pill buttons at the top left, followed by a full-width painted panel holding the app window. Feature sections are full-width oat (#f2f1ed) slabs with about 4px radius on the paper background. Each slab splits 1/3 copy to 2/3 visual, and the side alternates from section to section. Copy is vertically centred or bottom-aligned within its column. Sections are spaced roughly 80–120px apart. A logo strip of eight equal oat tiles sits below the hero. Testimonials use a 3-column grid of oat cards, followed by a 3-column feature card row, a 4-column changelog row, and a closing careers slab with a photo. Overall density is low and the rhythm is very even.

Components

Nav

Thin and transparent on paper. The wordmark sits at the left and five 14px text links are centred. On the right are a 'Sign in' text link, a 'Contact sales' outlined pill with a hairline border, and a 'Download' solid ink pill. There is no border and no blur.

Buttons

Full pills. The primary is ink #26251e with paper-coloured text. The secondary is an #ebeae5 fill with ink text. Both are about 44px tall in the hero, with trailing glyph arrows (↓ →) instead of icons.

Text links

Signal orange #f54e00 with a trailing → or ↗ and no underline. They are the only saturated colour in the marketing chrome.

Feature slab

An oat rectangle with about 4px radius. A painting or flat grey/putty canvas fills one side, and a realistic app window floats inside it with a large soft shadow (0 28px 70px rgba(0,0,0,.14) plus 0 14px 32px rgba(0,0,0,.1) plus a 1px ink ring at 10%).

Logo wall

Eight equal oat tiles with tiny gaps. Each tile holds a monochrome ink logo, and there are no borders.

Testimonial cards

Oat cards with 16px quote text in ink. A small circular avatar sits at the bottom left with the name in ink and the title in grey. There are no quote marks as decoration, no stars and no shadows.

Changelog cards

A 4-up row of small oat cards. Each has a grey date over an ink title and nothing else.

Install snippet

An oat-filled mono 'curl …' field with a round black copy button at the right edge, and the text fading out under the button.

Product UI

The page shows real-looking, hand-built product mockups rather than screenshots: a Cursor Desktop agent view, a web agent dashboard, a Slack thread, a terminal CLI, a Grok Bot chat app, a model picker and an iPhone repo list. The UI is light (#fcfcfc and #f2f1ed panes) with traffic-light window chrome and a centred grey title. Layouts are three-pane: a sidebar grouped under small-caps labels ('IN PROGRESS 1', 'READY FOR REVIEW 4'), a chat/agent log, and a document or editor with tabs and breadcrumbs. Text is dense 12–13px system-ui with grey secondary lines. Status uses thin outlined circle and check icons, and diffs are green +135 / red −21. Composers are rounded input boxes with small pill chips ('Plan ▾', 'Grok 4.7 ▾') and a round send arrow. The one strong colour is a small amber 'Build/Continue' button, plus a green 'View PR'. The CLI uses mono with bold function names and green status dots.