# Cursor, Home

AI products · Home · Custom code
Live page: https://cursor.com/
On Designly: https://designly.sh/p/cursor · JSON: https://designly.sh/p/cursor.json
Styles: minimal, bold, editorial

## Why it works

Simple, clean layout with clear headings and concise sections, easy to navigate for users looking for a coding agent service. The use of a hero section and call to action at the bottom creates a sense of urgency and encourages users to try the service.

## Sections, top to bottom

1. Navigation: "Navigation" (y 0–52px of 8199) · id sec_a6b6ef88282a4b8186e9a032bee8b8a7
2. Hero: "Hero" (y 52–1138px of 8199) · id sec_36cd71fa11f64239b6233a298559557d
3. Logos: "Logos" (y 1138–1315px of 8199) · id sec_6d582399cd3e4bb68962ff4ad969a652
4. Contact: "Agents turn ideas into code" (y 1382–2097px of 8199) · id sec_db936caac06e46c980cba06066585f73
5. Content: "Works autonomously, runs in parallel" (y 2187–2902px of 8199) · id sec_064b04630c16413485236fe04582990f
6. Content: "In every tool, at every step" (y 2991–3676px of 8199) · id sec_376bc61fc2ca46d59b5a9413523c1f3d
7. Content: "Hand work to AI teammates" (y 3766–4451px of 8199) · id sec_50527b40287942ffb606eb0cc3e0189e
8. Testimonials: "The new way to build software" (y 4518–5218px of 8199) · id sec_9a472d827fb949f6911d422f2ab7a192
9. Content: "Stay on the frontier" (y 5218–5957px of 8199) · id sec_565f1823e89947a9aea126e70f68a236
10. Call to action: "Changelog" (y 5957–6291px of 8199) · id sec_2cfbd85383514506baa40b7edc39b6d7
11. Team: "Team" (y 6291–6985px of 8199) · id sec_ccef5bbd66d34a70b23830de513ef529
12. Content: "Recent highlights" (y 6985–7326px of 8199) · id sec_50e9c7d6c3d544569f1a734f600f4ab8
13. Call to action: "Try Cursor now" (y 7327–7673px of 8199) · id sec_44559ec3419145e297f265cc29d1913d
14. Footer: "Footer" (y 7673–8199px of 8199) · id sec_4cb75faf107549fbafd3e19e005fb07a

## Design tokens

- Colours: #F7F7F4 (background), #26251E (text), #C08532 (accent), #B6B9BE (surface), #141414 (muted)
- Fonts: CursorGothic (display), System UI (body)
- Corner radius: 4px
- Spacing: 67px
- Export: https://designly.sh/p/cursor/tokens.css · https://designly.sh/p/cursor/tokens.json · https://designly.sh/p/cursor/tokens.tailwind.css

## Images

- Desktop (1440×8199): https://designly.sh/media/captures/cap_1d95169e1ec74c498d76bac820b0f4e0/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_1d95169e1ec74c498d76bac820b0f4e0/mobile.webp
- Captured: 2026-10-19

## Related

- [Granola, Home](https://designly.sh/p/granola.md) — AI products · Home · Custom code · styles: minimal, clean, calm · image: https://designly.sh/media/captures/cap_6fb9d5c42e38463cba7c8b26bb68cc4a/desktop.webp
- [Anthropic, Home](https://designly.sh/p/anthropic.md) — AI products · Home · Webflow · San Francisco, CA, US · styles: minimal, calm, photo-led · image: https://designly.sh/media/captures/cap_41fdabe35d624a8dbe0a75669c5270f4/desktop.webp
- [Laravel, Home](https://designly.sh/p/laravel.md) — Developer tools · Home · Custom code · styles: type-led, minimal, corporate, geometric · image: https://designly.sh/media/captures/cap_b506e2205795428eb7f7a65eb71b4041/desktop.webp
- [Cursor, Pricing](https://designly.sh/p/cursor-pricing.md) — AI products · Pricing · Custom code · styles: minimal, bold, dark · image: https://designly.sh/media/captures/cap_93a012f85cde4471a43223bb5bc290e9/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.