Cursor — Hero
Headline 'Cursor is your coding agent for building ambitious software' with two black pill CTAs (Download for Windows, Request a demo) over a large overlapping editor screenshot composited on a faint landscape image.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/cursor-left-aligned-hero-with-layered-ide-screenshot.
Measured spec
| Scheme | light |
| Background | #F7F7F5 |
| Text | #9A9593 |
| Contrast | 2.76 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.223 |
| Measured size | 1600×1541 px |
Palette
#F4F1EC#1A1A1A#FFFFFF
Fonts
CursorGothicHelvetica Neue
Page types
Detail
UI elements
Navigation BarCode Block
Context
- Parent page: Cursor coding-agent landing page with dual-screenshot hero and alternating product feature bands
- All of Cursor
Other sections on this page
- Logo Wall — Trusted-by customer logo row
- Feature — Agents turn ideas into code (with Mission Control panel)
- Feature — Works autonomously, runs in parallel
- Feature — In every tool, at every step (GitHub PR review)
- Feature — Magically accurate autocomplete
- Testimonial / Social Proof — Three-up quote grid with avatars
- Feature — Stay on the frontier (model picker + dark editor)
- Feature — Changelog release list
- Gallery / Showcase — Applied-research band + recent highlights
- CTA / Sign-up — Try Cursor now closing CTA
- Footer — Multi-column sitemap footer