Cursor
Bengkel perkamen anu nyaman, dihurung ku areng anu ngebul
Kursor nganggo tipografi anu haneut siga perkamen: kanvas anu creamy, téks hideung tinta, sareng aksen jeruk tunggal anu hurung anu ngaktipkeun tautan sareng pilihan tinimbang tombol anu ngeusian. Judul, anu disetel dina CursorGothic kalayan beurat 400, laun-laun ngirangan jarak hurup nalika ukuranana ningkat—otoritas kahontal ngalangkungan pengekangan sareng beurat hurup anu ipis tinimbang kandel. Permukaan dijaga rata sareng siga kertas, kalayan wates ipis sareng kalangkang kulawu anu lemes sareng haneut; juru tetep seukeut kalayan beurat 4px sapanjang téks. EB Garamond dianggo sacara selektif pikeun subjudul sareng prosa, sedengkeun berkeleyMono ngatur kode, tag, sareng metadata, masihan sistem kapribadian tipografi anu langkung sapertos majalah sastra tibatan dasbor SaaS.
Lebar maksimum: 1300px di tengah, margin 24px. Navigasi luhur: lulugu transparan jangkung 52px kalayan logo sareng tanda téks di kénca, 4 tautan navigasi di tengah, klaster "Login / Kontak / Unduh" diratakeun ka katuhu. Pahlawan: Lulugu diratakeun ka kénca + blok ajakan-aksi ganda kalayan téks anu ngajalankeun ti luhur kénca, teras kartu mockup produk lébar pinuh anu ngawengku sakabéh lébar halaman. Garis kapercayaan: Hiji baris horizontal tina 8 ubin logo dina hiji garis di sakuliah lébar bagian. Bagian fitur téks silih ganti di kénca sareng cuplikan layar di katuhu dina tata letak dua kolom, masing-masing 50/50, kalayan wirahma vertikal 64-96px antara bagian. Sadaya cuplikan layar fitur mangrupikeun mockup jandela kalayan gaya macOS anu sami. Footer: Grid tautan opat kolom kalayan tanda mérek di kénca. Bagian-bagian dipisahkeun ku rohangan anu lega tinimbang pamisah - kanvas krim éta sorangan nyayogikeun pamisahan.
Cuplikan layar produk jadi puseur perhatian: mockup jandela macOS ageung anu nampilkeun IDE Kursor dina aksina: tab file, tampilan diff, rencana agén, panel terminal, sareng integrasi Slack/chat. Unggal mockup jandela dibingkai ku kartu #f2f1ed kalayan kontras anu lemes sareng haneut. Poto bentang anu diredam (gunung/cakrawala gurun) ngalegaan saluareun bagian utama, nambihan kahaneutan tanpa bersaing sareng UI. Logo klien ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) dipidangkeun salaku hurup monokrom dina ubin Linen anu bentukna pil. Teu aya poto jalma, ilustrasi, atanapi unsur grafis hiasan abstrak—sadaya beurat visual difokuskeun kana UI sareng branding produk. Ikonna ipis, glif monolinér anu dieusi ku #7a7974 Ash, henteu pernah kromatik.
Palet
Nétral
- Ink
#26251e— Téks primér, latar tukang tombol aksi primér, téks navigasi - warna anu haneut, ampir hideung, teu pernah murni #000 - Parchment
#f7f7f4— Latar tukang halaman, kanvas utama, nyaéta warna krim haneut anu ngalemeskeun kontras sareng nyiptakeun rasa sapertos nyetak tinta tinimbang nyetak digital. - Bone
#f2f1ed— Beungeut kardus sareng wadah anu ditinggikeun, hiji nada langkung poék tibatan kanvas, nyiptakeun éfék "kertas-dina-kertas" anu berlapis sareng tanpa wates. - Linen
#e6e5e0— Eusian nétral hampang pikeun kancing dina permukaan anu poék. - Stone
#cdcdc9— Wates ipis, pamisah, partisi anu teu pati jelas – garis 1px dina nada haneut - Mist
#a1a19f— Téks bantu tingkat katilu, katerangan - antara téks anu teu diucapkeun sareng téks sekundér.
Tipografi
ti 12 nepi ka 72px · 6 léngkah
- CursorGothic — panggantian: Inter · garis besar 400, 500 · Hurup utama pikeun antarmuka pangguna, judul, navigasi, salinan awak, sareng desain produk. Judul kalayan beurat 400 poin sareng jarak hurup anu laun-laun ngirangan (-0.005em dina 22px → -0.03em dina 72px) mangrupikeun ciri anu khas tina font: judul henteu pernah kandel. Fungsi font ss08, ss09, sareng tnum ngaktipkeun alternatif gaya sareng gambar tabular.
- EB Garamond — panggantian: Iowan Old Style · garis besar 400, 500 · Jenis huruf serif éditorial pikeun subjudul individu, téks awak, sareng data tabular, CursorGothic nambihan sentuhan sastra kana antarmuka.
- berkeleyMono — panggantian: ui-monospace · garis besar 400, 500 · Monospace - pikeun blok kode, cuplikan baris paréntah, metadata, jalur file, sareng labél pamekar - basa téknis.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 8px |
| Radius tombol | 4px |
| Radius kartu | 4px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64-96px |
| Lebar kaca | 1300px |
AI bakal ngawangun situs wéb anjeun dina gaya Cursor sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Amplemarket — Tempat gawé anu kakeunaan panonpoé anu pinuh ku konféti
- Getharvest — Méja dina jam emas – kanvas krim haneut, kartu pos bodas digantung dina kanvas, jeung hiji seuneu oranyeu caang
- Drive Capital — Poster perjalanan jalan retro dina kertas haneut
- Wealthsimple — Gudang anu dipapaésan ku kasmir kalayan lampu galeri
- Huddle — Kartu inventaris pastel dina kertas krim
- Fuser — Polaroid anu sumebar dina témbok padamelan désainer
- Campsite — Tempat damel éditor anu kakeunaan panonpoé - kertas krim haneut kalayan hiji cap niat oranyeu
- Redis Agency — Bengkel éditorial, anu dibuka saatos jam kerja, mangrupikeun tempat anu poék mongkleng dimana sadaya padamelan branding dilakukeun nganggo font serif sareng hiji lobak beureum.
- AI Product Generation — Studio fotografi éditorial dina kertas bodas - judul salaku sampul, warna oranyeu pikeun panyorot éditorial
- Getanchor — Rona terakota haneut dina latar krim anu luntur ku panonpoé
- Flatfile — Buku harian data anu sepi dina perkamen anu haneut
- Inthememory — Gambar arsitéktur dina marmer bodas kalayan hiji cahaya haneut. Ruang data éditorial anu sepi dimana tinta biru toska poék sareng kontrol bentuk pil ngambang di luhur permukaan bodas anu bersih, ngan ukur dipecah ku hiji cipratan jeruk.