Cursor
Yonayotgan ko'mir bilan yoritilgan shinam pergament ustaxonasi
Kursor issiq, pergamentga o'xshash tipografiyadan foydalanadi: kremsi kanvas, siyohrang qora matn va to'ldirish tugmalari o'rniga havolalar va tanlovlarni faollashtiradigan bitta olovli to'q sariq aksent. 400 og'irlikdagi CursorGothic uslubidagi sarlavhalar hajmi kattalashgan sari asta-sekin kamayib boradi - hokimiyat qalinlik o'rniga cheklash va ingichka harflar og'irligi orqali erishiladi. Sirtlar tekis va qog'ozga o'xshash holda saqlanadi, yupqa chegaralar va yumshoq, iliq kulrang soyalar bilan; burchaklar matn bo'ylab 4 piksel og'irlikda aniq bo'lib qoladi. EB Garamond kichik sarlavhalar va nasr uchun tanlab ishlatiladi, berkeleyMono esa kod, teglar va metama'lumotlarni qayta ishlaydi, bu esa tizimga SaaS boshqaruv panelidan ko'ra adabiy jurnalga o'xshash tipografik xususiyat beradi.
Maksimal kenglik: markazlashtirilgan 1300 piksel, chegara 24 piksel. Yuqori navigatsiya: chap tomonda logotip va matn belgisi bo'lgan 52 piksel balandlikdagi shaffof sarlavha, markazlashtirilgan 4 ta navigatsiya havolasi, o'ng tomonda hizalangan "Kirish / Aloqa / Yuklab olish" klasteri. Qahramon: Chapga tekislangan sarlavha + yuqori chapdan matnli qo'shaloq harakatga chaqiruv bloki, so'ngra sahifaning butun kengligini qamrab oluvchi to'liq kenglikdagi mahsulot maket kartasi. Ishonch chizig'i: Bo'lim kengligi bo'ylab bitta chiziqda 8 ta logotip plitkalaridan iborat bitta gorizontal qator. Xususiyat bo'limlari chap tomonda matnni va o'ng tomonda skrinshotni ikki ustunli tartibda, har biri 50/50 nisbatda, bo'limlar orasida 64-96 piksel vertikal ritm bilan almashtiradi. Barcha xususiyat skrinshotlari bir xil macOS uslubiga ega oyna maketlari. Pastki qism: Chap tomonda brend belgisi bo'lgan to'rt ustunli havolalar panjarasi. Bo'limlar ajratgichlar o'rniga keng nafas olish maydoni bilan ajratilgan - krem rangli kanvasning o'zi ajratishni ta'minlaydi.
Mahsulot skrinshotlari markaziy o'rinni egallaydi: amalda Kursor IDE ni namoyish etuvchi katta macOS oyna maketlari: fayl yorliqlari, farq ko'rinishlari, agent rejalari, terminal panellari va Slack/chat integratsiyasi. Har bir oyna maketi yumshoq, iliq kontrastli #f2f1 karta bilan ramkaga solingan. Ovozsiz landshaft fotosurati (tog'lar/cho'l ufqi) asosiy qismdan tashqariga chiqadi va foydalanuvchi interfeysi bilan raqobatlashmasdan iliqlik qo'shadi. Mijoz logotiplari ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) tabletka shaklidagi Linen plitkalari ichida monoxrom harflar sifatida taqdim etiladi. Odamlarning fotosuratlari, illyustratsiyalar yoki mavhum dekorativ grafik elementlar yo'q - barcha vizual og'irlik mahsulotning foydalanuvchi interfeysi va brendingiga qaratilgan. Belgilar #7a7974 Ash bilan to'ldirilgan ingichka, monolinear gliflar bo'lib, hech qachon xromatik emas.
Palitra
Neytral
- Ink
#26251e— Asosiy matn, asosiy harakat tugmasi foni, navigatsiya matni - iliq, deyarli qora rang, hech qachon sof emas #000 - Parchment
#f7f7f4— Sahifa foni, asosiy tuval, kontrastni yumshatuvchi va raqamli chop etish o'rniga siyoh bilan chop etish hissiyotini yaratadigan iliq krem rangdir. - Bone
#f2f1ed— Karton yuzalar va tuvaldan bir tonna quyuqroq bo'lgan ko'tarilgan idishlar qatlamli, chegarasiz "qog'oz-qog'oz" effektini yaratadi. - Linen
#e6e5e0— Qorong'u sirtlardagi tugmalar uchun yengil neytral plomba. - Stone
#cdcdc9— Yupqa chegaralar, ajratgichlar, nozik bo'linmalar – iliq tuslarda 1 pikselli chiziqlar - Mist
#a1a19f— Uchinchi darajali yordamchi matn, sarlavhalar - o'chirilgan va ikkilamchi matn orasida.
Tipografiya
12 dan 72 pikselgacha · 6 qadam
- CursorGothic — almashtirish: Inter · konturlar 400, 500 · Foydalanuvchi interfeysi, sarlavhalar, navigatsiya, asosiy matn va mahsulot dizayni uchun asosiy shrift. 400 balllik og'irlikdagi va harflar oralig'i asta-sekin kamayib boruvchi sarlavhalar (22 pikselda -0.005em → 72 pikselda -0.03em) shriftning o'ziga xos xususiyati hisoblanadi: sarlavhalar hech qachon qalin shriftda yozilmaydi. ss08, ss09 va tnum shrift funktsiyalari stilistik alternativalar va jadval shakllarini faollashtiradi.
- EB Garamond — almashtirish: Iowan Old Style · konturlar 400, 500 · Alohida kichik sarlavhalar, asosiy matn va jadval ma'lumotlari uchun tahririyat serif shrifti bo'lgan CursorGothic interfeysga adabiy teginish qo'shadi.
- berkeleyMono — almashtirish: ui-monospace · konturlar 400, 500 · Monospace - kod bloklari, buyruq satri parchalari, metama'lumotlar, fayl yo'llari va ishlab chiquvchi yorliqlari uchun - texnik til.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8px |
| Tugma radiusi | 4px |
| Karta radiusi | 4px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 64-96px |
| Sahifa kengligi | 1300px |
Sun'iy intellekt veb-saytingizni Cursor uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Amplemarket — Konfeti bilan qoplangan quyosh nuriga to'la ish joyi
- Getharvest — Oltin soatdagi stol – iliq krem rangli tuval, tuvalga osilgan oq otkritkalar va bitta yorqin to'q sariq alanga.
- Drive Capital — Issiq qog'ozga retro avtomobil sayohati plakati
- Wealthsimple — Kaşmir bilan qoplangan omborxona, galereya yoritgichlari bilan jihozlangan
- Huddle — Krem qog'ozga pastel inventarizatsiya kartalari
- Fuser — Dizaynerning ish devoridagi sochilgan Polaroidlar
- Campsite — Quyosh nuri tushgan muharrirning ish joyi - bitta to'q sariq rangli shtamp tushirilgan iliq krem qog'oz
- Redis Agency — Ish vaqtidan keyin ochiq bo'lgan tahririyat ustaxonasi - bu qorong'u joy, bu yerda barcha brending ishlari serif shriftlar va bitta qizil turp yordamida amalga oshiriladi.
- AI Product Generation — Oq qog'ozda tahririyat fotostudiyasi - muqova sifatida sarlavha, tahririyatni yoritish uchun to'q sariq rang
- Getanchor — Quyoshda xira krem fonida iliq terakota rangi
- Flatfile — Issiq pergamentdagi sokin ma'lumotlar kundaligi
- Inthememory — Oq marmar ustida bir marta iliq yorug'lik bilan chizilgan me'moriy rasm. To'q firuza siyoh va tabletka shaklidagi boshqaruv elementlari tiniq oq yuzalar ustida suzib yuradigan, faqat bir marta to'q sariq rang sachrashi bilan parchalanadigan sokin, tahririyat ma'lumotlari xonasi.