Cursor
Тұтанған көмірмен жарықтандырылған жайлы пергамент шеберханасы
Курсор жылы, пергамент тәрізді типографияны пайдаланады: кремді кенеп, сиялы қара мәтін және толтыру түймелерінің орнына сілтемелер мен таңдауларды белсендіретін жалғыз отты қызғылт сары екпін. CursorGothic-те 400 салмақта орналастырылған тақырыптардың өлшемі ұлғайған сайын әріптер аралығы біртіндеп азаяды - беделге батылдық емес, ұстамдылық және жұқа әріптер арқылы қол жеткізіледі. Беттер тегіс және қағаз тәрізді, жұқа жиектері және жұмсақ, жылы сұр көлеңкелері бар; бұрыштар мәтін бойынша 4 пиксель салмақта айқын болып қалады. EB Garamond ішкі тақырыптар мен проза үшін таңдамалы түрде қолданылады, ал berkeleyMono кодты, тегтерді және метадеректерді өңдейді, бұл жүйеге SaaS басқару тақтасына қарағанда әдеби журналға көбірек ұқсайтын типографиялық ерекшелік береді.
Максималды ені: ортасында 1300 пиксель, жиегі 24 пиксель. Жоғарғы навигация: сол жағында логотипі мен мәтін белгісі бар 52 пиксель биік мөлдір тақырып, ортасында 4 навигациялық сілтеме, оң жақта тураланған "Кіру / Байланыс / Жүктеу" кластері. Батыр: Солға тураланған тақырып + жоғарғы сол жақтан басталатын мәтіні бар қос әрекетке шақыру блогы, содан кейін беттің бүкіл енін қамтитын толық енді өнім макет картасы. Сенім жолағы: бөлім ені бойынша бір жолда 8 логотип плиткасынан тұратын бір көлденең қатар. Функция бөлімдері сол жақта мәтінді, ал оң жақта скриншот екі бағандық орналасуда кезектесіп орналасқан, әрқайсысы 50/50, бөлімдер арасында 64-96 пиксель тік ырғақпен. Барлық функция скриншоттары macOS стилі бірдей терезе макеттері. Төменгі колонтитул: сол жақта бренд белгісі бар төрт бағандық сілтемелер торы. Бөлімдер бөлгіштердің орнына кең тыныс алу кеңістігімен бөлінген - крем түсті кенептің өзі бөлуді қамтамасыз етеді.
Өнімнің скриншоттары орталық сахнада: Cursor IDE-нің әрекетін көрсететін үлкен macOS терезе макеттері: файл қойындылары, айырмашылық көріністері, агент жоспарлары, терминал панельдері және Slack/чат интеграциясы. Әрбір терезе макеттері жұмсақ, жылы контрасты бар #f2f1 картасымен қоршалған. Әлсіз ландшафт фотосуреті (таулар/шөл көкжиегі) негізгі бөлімнен тыс шығып, пайдаланушы интерфейсімен бәсекелеспей жылулық қосады. Клиент логотиптері ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) таблетка тәрізді зығыр плиткаларының ішінде монохромды әріптер ретінде ұсынылған. Адамдардың фотосуреттері, иллюстрациялар немесе абстрактілі сәндік графикалық элементтер жоқ - барлық визуалды салмақ өнімнің пайдаланушы интерфейсі мен брендингіне бағытталған. Белгішелер - #7a7974 Ash түсімен толтырылған жұқа, монолитті глифтер, ешқашан хроматикалық емес.
Палитра
Бейтарап
- Ink
#26251e— Негізгі мәтін, негізгі әрекет түймесінің фоны, навигация мәтіні - жылы, қара дерлік реңк, ешқашан таза емес #000 - Parchment
#f7f7f4— Беттің фоны, негізгі кенеп, контрастты жұмсартып, сандық басып шығаруға қарағанда сиямен басып шығару сезімін тудыратын жылы крем реңкіндей. - Bone
#f2f1ed— Кенепке қарағанда бір тонна қараңғы картон беттері мен көтерілген контейнерлер қабатты, шекарасыз «қағаз-қағаз» әсерін жасайды. - Linen
#e6e5e0— Қараңғы беттердегі түймелерге арналған жеңіл бейтарап толтырғыш. - Stone
#cdcdc9— Жіңішке шекаралар, бөлгіштер, нәзік бөлімдер – жылы реңктердегі 1 пиксель сызықтар - Mist
#a1a19f— Үшінші деңгейлі көмекші мәтін, тақырыпшалар - дыбысы өшірілген және қосымша мәтін арасында.
Типография
12-ден 72 пиксельге дейін · 6 қадам
- CursorGothic — ауыстыру: Inter · контурлар 400, 500 · Пайдаланушы интерфейсі, тақырыптар, навигация, негізгі мәтін және өнім дизайны үшін негізгі қаріп. 400 нүктелік салмақтағы және біртіндеп азаятын әріптер аралығы бар тақырыптар (22 пиксельде -0.005em → 72 пиксельде -0.03em) қаріптің айрықша ерекшелігі болып табылады: тақырыптар ешқашан қалың емес. ss08, ss09 және tnum қаріп функциялары стилистикалық баламаларды және кестелік фигураларды белсендіреді.
- EB Garamond — ауыстыру: Iowan Old Style · контурлар 400, 500 · Жеке тақырыпшаларға, негізгі мәтінге және кестелік деректерге арналған редакциялық сериф қаріпі, CursorGothic интерфейске әдеби әсер қосады.
- berkeleyMono — ауыстыру: ui-monospace · контурлар 400, 500 · Monospace - код блоктары, командалық жол үзінділері, метадеректер, файл жолдары және әзірлеуші белгілері үшін - техникалық тіл.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 8px |
| Түйме радиусы | 4px |
| Карта радиусы | 4px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 64-96px |
| Беттің ені | 1300px |
Жасанды интеллект сіздің веб-сайтыңызды Cursor стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Amplemarket — Күн шуағына малынған жұмыс орны конфеттиге толы
- Getharvest — Алтын сағаттағы үстел – жылы крем түсті кенеп, кенепке ілінген ақ ашықхаттар және жалғыз ашық қызғылт сары жалын
- Drive Capital — Жылы қағазға салынған ретро жол сапары плакаты
- Wealthsimple — Галереялық жарықтандыруы бар кашемирмен қапталған қойма
- Huddle — Крем қағазындағы пастельді түгендеу карталары
- Fuser — Дизайнердің жұмыс қабырғасындағы шашыраңқы поляроидтар
- Campsite — Күн сәулесі түскен редактордың жұмыс орны - бір қызғылт сары түсті мөрі бар жылы крем қағаз
- Redis Agency — Жұмыс уақытынан кейін ашық болатын редакциялық шеберхана - барлық брендинг жұмыстары сериф қаріптері мен бір қызыл шалғаммен атқарылатын қараңғы орын.
- AI Product Generation — Ақ қағаздағы редакциялық фотостудия - мұқабадағы тақырып, редакциялық ерекшеліктер үшін қызғылт сары түсті
- Getanchor — Күнге күйген крем фондағы жылы терракота реңкі
- Flatfile — Жылы пергаменттегі тыныш деректер күнделігі
- Inthememory — Ақ мәрмәрге салынған сәулеттік сурет, бір ғана жылы жарықпен. Тыныш, редакциялық деректер бөлмесі, онда қою көгілдір сия мен таблетка тәрізді басқару элементтері ақ беттердің үстінде қалқып жүреді, тек бір ғана қызғылт сары түстің шашырауы ғана сындырады.