Cursor
Kömürlərlə işıqlandırılan rahat perqament emalatxanası
Kursor isti, perqamentə bənzər tipoqrafiyadan istifadə edir: krem rəngli kətan, mürəkkəb qara mətn və doldurma düymələri əvəzinə bağlantıları və seçimləri aktivləşdirən tək alovlu narıncı vurğu. 400 ağırlığında CursorGothic-də yerləşdirilmiş başlıqlar ölçüləri artdıqca tədricən azalır - nüfuz cəsarətlilik əvəzinə təmkin və nazik hərf ağırlıqları ilə əldə edilir. Səthlər düz və kağız kimi saxlanılır, nazik haşiyələr və yumşaq, isti boz kölgələr var; künclər mətn boyunca 4 piksel ağırlığında aydın qalır. EB Garamond alt başlıqlar və nəsr üçün seçici şəkildə istifadə olunur, berkeleyMono isə kod, etiketlər və metaməlumatları idarə edir və sistemə SaaS tablosundan daha çox ədəbi jurnal kimi hiss olunan tipoqrafik şəxsiyyət verir.
Maksimum en: mərkəzdə 1300 piksel, haşiyədə 24 piksel. Üst naviqasiya: solda loqo və mətn işarəsi olan 52 piksel hündürlükdə şəffaf başlıq, mərkəzdə 4 naviqasiya bağlantısı, sağda hizalanmış "Giriş / Əlaqə / Yükləmə" klasteri. Qəhrəman: Sola hizalanmış başlıq + yuxarı soldan mətn çıxan ikiqat çağırış bloku, sonra səhifənin bütün enini əhatə edən tam enli məhsul maket kartı. Etibar zolağı: Bölmənin eni boyunca tək bir sətirdə 8 loqo plitəsindən ibarət bir üfüqi sıra. Xüsusiyyət bölmələri solda mətni, sağda isə hər biri 50/50 nisbətində iki sütunlu düzülüşdə ekran görüntüsünü alternativləşdirir, bölmələr arasında şaquli ritm 64-96 pikseldir. Bütün xüsusiyyət ekran görüntüləri eyni macOS üslubuna malik pəncərə maketləridir. Altbilgi: Solda marka nişanı olan dörd sütunlu keçid şəbəkəsi. Bölmələr bölücülər əvəzinə geniş nəfəs alan boşluqla ayrılır - krem rəngli kətan özü ayırıcılığı təmin edir.
Məhsul ekran görüntüləri mərkəzi səhnəni tutur: Kursor IDE-ni fəaliyyətdə göstərən böyük macOS pəncərə maketləri: fayl nişanları, fərq görünüşləri, agent planları, terminal panelləri və Slack/çat inteqrasiyası. Hər pəncərə maket yumşaq, isti kontrastlı #f2f1 kartı ilə çərçivəyə alınıb. Səssiz mənzərə fotosu (dağlar/səhra üfüqi) əsas hissədən kənara çıxır və istifadəçi interfeysi ilə rəqabət aparmadan istilik əlavə edir. Müştəri loqotipləri ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) həb şəkilli Kətan plitələrində monoxrom hərflər kimi təqdim olunur. İnsanların, illüstrasiyaların və ya mücərrəd dekorativ qrafik elementlərin fotoşəkilləri yoxdur - bütün vizual çəki məhsulun istifadəçi interfeysinə və brendinqinə yönəlib. İkonlar #7a7974 Kül ilə doldurulmuş nazik, monoxətti qliflərdir, heç vaxt xromatik deyil.
Palitra
Neytral
- Ink
#26251e— Əsas mətn, əsas fəaliyyət düyməsinin arxa fonu, naviqasiya mətni - isti, demək olar ki, qara rəngdə, heç vaxt saf olmayan #000 - Parchment
#f7f7f4— Əsas kətan olan səhifə fonu, kontrastı yumşaldaraq rəqəmsal çapdan daha çox mürəkkəb çap hissi yaradan isti krem rənglidir. - Bone
#f2f1ed— Kətandan bir ton daha tünd olan karton səthlər və qabarıq qablar, qatlı, sərhədsiz "kağız-kağız" effekti yaradır. - Linen
#e6e5e0— Tünd səthlərdə düymələr üçün açıq neytral doldurma. - Stone
#cdcdc9— İncə haşiyələr, bölücülər, incə arakəsmələr – isti tonlarda 1 piksel xətlər - Mist
#a1a19f— Üçüncü səviyyəli köməkçi mətn, başlıqlar - səssiz və ikinci dərəcəli mətn arasında.
Tipoqrafiya
12-dən 72 pikselə qədər · 6 addım
- CursorGothic — əvəzetmə: Inter · konturlar 400, 500 · İstifadəçi interfeysi, başlıqlar, naviqasiya, əsas mətn və məhsul dizaynı üçün əsas şrift. 400 ballıq çəkiyə malik və tədricən azalan hərf aralığına malik başlıqlar (22 pikseldə -0.005em → 72 pikseldə -0.03em) şriftin fərqli bir xüsusiyyətidir: başlıqlar heç vaxt qalın şriftlə yazılmır. ss08, ss09 və tnum şrift funksiyaları stilistik alternativləri və cədvəl fiqurlarını aktivləşdirir.
- EB Garamond — əvəzetmə: Iowan Old Style · konturlar 400, 500 · Fərdi alt başlıqlar, əsas mətn və cədvəl məlumatları üçün redaksiya serif şrifti olan CursorGothic interfeysə ədəbi bir toxunuş qatır.
- berkeleyMono — əvəzetmə: ui-monospace · konturlar 400, 500 · Monospace - kod blokları, əmr sətri parçaları, metaməlumatlar, fayl yolları və geliştirici etiketləri üçün - texniki dil.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8px |
| Düymə radiusu | 4px |
| Kart radiusu | 4px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64-96px |
| Səhifə eni | 1300px |
Süni intellekt veb saytınızı Cursor üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Amplemarket — Konfeti ilə örtülmüş günəş işığı altında iş yeri
- Getharvest — Qızıl saatda masa – isti krem rəngli kətan, kətan üzərində asılmış ağ açıqcalar və tək parlaq narıncı alov
- Drive Capital — İsti kağız üzərində retro yol səyahəti afişası
- Wealthsimple — Qalereya işıqlandırması ilə təchiz olunmuş kaşmir örtüklü anbar
- Huddle — Krem kağız üzərində pastel inventar kartları
- Fuser — Dizaynerin iş divarında səpələnmiş Polaroidlər
- Campsite — Günəş işığı altında olan redaktorun iş yeri - tək narıncı intent möhürü olan isti krem kağız
- Redis Agency — İş saatlarından sonra açıq olan redaksiya emalatxanası, bütün brendinq işlərinin serif şriftlər və tək qırmızı turpla görüldüyü qaranlıq bir yerdir.
- AI Product Generation — Ağ kağız üzərində redaksiya fotostudiyası - başlıq üz qabığı kimi, redaksiya vurğulaması üçün narıncı rəngdə
- Getanchor — Günəşdən solmuş krem fonunda isti terrakota rəngi
- Flatfile — İsti perqament üzərində sakit bir məlumat gündəliyi
- Inthememory — Ağ mərmər üzərində tək bir isti işıqla çəkilmiş memarlıq rəsmi. Tünd firuzəyi mürəkkəbin və həb formalı idarəetmə elementlərinin yalnız bir narıncı rəngin sıçraması ilə qırıldığı, xırtıldayan ağ səthlərin üzərində üzdüyü sakit, redaksiya məlumat otağı.