Cursor Landing Page Clone is a desktop-first UI recreation inspired by the official Cursor website. This project focuses on structural accuracy, typography, spacing, and visual hierarchy using only HTML and CSS. All major landing page sections were recreated, however original images/screenshots are not included in this repository.
This project recreates a desktop-first developer tool landing page inspired by the Cursor website.
- Top Navigation Bar
- Hero Section (headline + CTA + product screenshot)
- Trusted By / Logos row
- Feature Sections (3 blocks, alternating layout)
- Feature Cards Grid
- Testimonials
- Use Cases / Stories
- Changelog / Updates
- Team / About Section
- Final CTA Section
- Footer (multi-column links)
- System UI font stack:
- ui-sans-serif, system-ui, Segoe UI, Roboto, Arial
- Background: #0b0b0c
- Panels: #111113 / #161618
- Text: #f4f4f5
- Muted: #a1a1aa
- Borders: rgba(255, 255, 255, 0.08)
This site can be hosted using GitHub Pages.