Skip to content

Ilyas99786/cursor-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Cursor Landing Page Clone (HTML + CSS)

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.

βœ… Sections Recreated

  • 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)

🎨 Fonts Used

  • System UI font stack:
    • ui-sans-serif, system-ui, Segoe UI, Roboto, Arial

🎨 Color Palette Used

  • Background: #0b0b0c
  • Panels: #111113 / #161618
  • Text: #f4f4f5
  • Muted: #a1a1aa
  • Borders: rgba(255, 255, 255, 0.08)

πŸ“Έ Screenshots

cursor-clone

πŸš€ Hosting

This site can be hosted using GitHub Pages.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors