Cursor
Bengkel perkamen yang selesa, diterangi oleh bara yang membara
Kursor menggunakan tipografi yang hangat seperti kertas perkamen: kanvas berkrim, teks hitam berdakwat dan aksen oren berapi tunggal yang mengaktifkan pautan dan pilihan dan bukannya butang pengisi. Tajuk, yang ditetapkan dalam CursorGothic pada berat 400, mempunyai jarak huruf yang semakin berkurangan apabila saiznya meningkat—autoriti dicapai melalui pengekangan dan berat huruf yang nipis dan bukannya ketebalan. Permukaan dikekalkan rata dan seperti kertas, dengan sempadan nipis dan bayang-bayang kelabu yang lembut dan hangat; sudut kekal jelas pada berat 4px di seluruh teks. EB Garamond digunakan secara selektif untuk subtajuk dan prosa, manakala berkeleyMono mengendalikan kod, tag dan metadata, memberikan sistem personaliti tipografi yang lebih terasa seperti majalah sastera daripada papan pemuka SaaS.
Lebar maksimum: 1300 piksel di tengah, margin 24 piksel. Navigasi atas: Pengepala lutsinar setinggi 52 piksel dengan logo dan tanda teks di sebelah kiri, 4 pautan navigasi di tengah, kluster "Log Masuk / Hubungi / Muat Turun" dijajarkan ke kanan. Wira: Pengepala dijajarkan ke kiri + blok seruan bertindak berganda dengan teks yang berjalan dari kiri atas, kemudian kad mockup produk lebar penuh yang merangkumi keseluruhan lebar halaman. Jalur kepercayaan: Satu baris mendatar 8 jubin logo dalam satu baris merentasi lebar bahagian. Bahagian ciri teks berselang-seli di sebelah kiri dan tangkapan skrin di sebelah kanan dalam susun atur dua lajur, setiap satu 50/50, dengan rentak menegak 64-96 piksel antara bahagian. Semua tangkapan skrin ciri ialah mockup tetingkap dengan gaya macOS yang sama. Pengaki: Grid pautan empat lajur dengan tanda jenama di sebelah kiri. Bahagian dipisahkan oleh ruang bernafas yang luas dan bukannya pembahagi - kanvas krim itu sendiri menyediakan pemisahan.
Tangkapan skrin produk menjadi tumpuan utama: mockup tetingkap macOS yang besar yang mempamerkan IDE Kursor dalam tindakan: tab fail, paparan diff, pelan ejen, panel terminal dan integrasi Slack/chat. Setiap mockup tetingkap dibingkaikan dengan kad #f2f1ed dengan kontras yang lembut dan hangat. Foto landskap yang disenyapkan (gunung/ufuk padang pasir) melangkaui bahagian utama, menambah kehangatan tanpa bersaing dengan UI. Logo klien ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) dibentangkan sebagai huruf monokrom dalam jubin Linen berbentuk pil. Tiada gambar orang, ilustrasi atau elemen grafik hiasan abstrak—semua pemberat visual difokuskan pada UI dan penjenamaan produk. Ikon adalah glif monolinear nipis yang dipenuhi dengan #7a7974 Ash, tidak pernah berwarna kromatik.
Palet
Neutral
- Ink
#26251e— Teks utama, latar belakang butang tindakan utama, teks navigasi - warna yang hangat, hampir hitam, tidak pernah tulen #000 - Parchment
#f7f7f4— Latar belakang halaman, kanvas utama, ialah warna krim hangat yang melembutkan kontras dan mewujudkan rasa cetakan dakwat dan bukannya cetakan digital. - Bone
#f2f1ed— Permukaan kadbod dan bekas yang dinaikkan, satu tona lebih gelap daripada kanvas, menghasilkan kesan "kertas di atas kertas" berlapis dan tanpa sempadan. - Linen
#e6e5e0— Isian neutral cerah untuk butang pada permukaan gelap. - Stone
#cdcdc9— Sempadan nipis, pembahagi, sekatan halus – garisan 1px dalam rona hangat - Mist
#a1a19f— Teks bantu peringkat ketiga, kapsyen - antara teks yang disenyapkan dan teks sekunder.
Tipografi
dari 12 hingga 72px · 6 langkah
- CursorGothic — penggantian: Inter · garis besar 400, 500 · Fon utama untuk antara muka pengguna, tajuk, navigasi, salinan badan dan reka bentuk produk. Tajuk dengan pemberat 400 poin dan jarak huruf yang semakin berkurangan secara beransur-ansur (-0.005em pada 22px → -0.03em pada 72px) merupakan ciri tersendiri fon: tajuk tidak pernah ditebalkan. Fungsi fon ss08, ss09 dan tnum mengaktifkan selang-seli gaya dan rajah jadual.
- EB Garamond — penggantian: Iowan Old Style · garis besar 400, 500 · Jenis taip serif editorial untuk subtajuk individu, teks isi dan data jadual, CursorGothic menambah sentuhan sastera pada antara muka.
- berkeleyMono — penggantian: ui-monospace · garis besar 400, 500 · Monospace - untuk blok kod, coretan baris arahan, metadata, laluan fail dan label pembangun - bahasa teknikal.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8px |
| Jejari butang | 4px |
| Jejari kad | 4px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64-96px |
| Lebar halaman | 1300px |
AI akan membina laman web anda dalam gaya Cursor dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Amplemarket — Tempat kerja yang disinari matahari berselerak dengan konfeti
- Getharvest — Sebuah meja pada waktu keemasan – kanvas krim hangat, poskad putih digantung pada kanvas, dan satu nyalaan api oren terang
- Drive Capital — Poster perjalanan jalan raya retro di atas kertas suam
- Wealthsimple — Gudang berlapis kasmir dengan lampu galeri
- Huddle — Kad inventori pastel pada kertas krim
- Fuser — Polaroid berselerak di dinding kerja pereka
- Campsite — Stesen kerja editor yang disinari cahaya matahari - kertas krim suam dengan setem niat oren tunggal
- Redis Agency — Bengkel editorial, yang dibuka selepas waktu pejabat, merupakan tempat yang gelap gelita di mana semua kerja penjenamaan dilakukan dengan fon serif dan sebiji lobak merah.
- AI Product Generation — Studio fotografi editorial di atas kertas putih - tajuk sebagai kulit, warna oren untuk sorotan editorial
- Getanchor — Rona terakota hangat pada latar belakang krim pudar matahari
- Flatfile — Diari data yang tenang di atas kertas kulit yang hangat
- Inthememory — Lukisan seni bina di atas marmar putih dengan satu cahaya hangat. Sebuah bilik data editorial yang tenang di mana dakwat biru kehijauan yang pekat dan kawalan berbentuk pil terapung di atas permukaan putih bersih, hanya dipecahkan oleh satu percikan oren.