Cursor
Күйүп жаткан чоктор менен жарыктандырылган жайлуу пергамент устаканасы
Курсор жылуу, пергамент сыяктуу типографияны колдонот: каймак түстүү полотно, сыя түстүү кара текст жана толтуруу баскычтарынын ордуна шилтемелерди жана тандоолорду активдештирүүчү бир оттуу кызгылт сары акцент. CursorGothic стилинде 400 салмакта жайгаштырылган аталыштардын өлчөмү чоңойгон сайын тамгалардын аралыгы акырындык менен азаят — авторитетке калыңдыктын ордуна чектөө жана ичке тамгалардын салмагы аркылуу жетишилет. Беттер жалпак жана кагаз сыяктуу сакталат, ичке чек аралары жана жумшак, жылуу боз көлөкөлөр менен; бурчтары текст боюнча 4 пиксел салмакта так бойдон калат. EB Garamond суб-аталыштар жана проза үчүн тандалма түрдө колдонулат, ал эми berkeleyMono кодду, тегдерди жана метадайындарды иштетет, бул системага SaaS башкаруу панелине караганда адабий журналга көбүрөөк окшош типографиялык өзгөчөлүк берет.
Максималдуу туурасы: борборлоштурулган 1300 пиксел, чети 24 пиксел. Үстүнкү навигация: сол жагында логотип жана текст белгиси бар 52 пиксель бийиктиктеги тунук баштык, борборлоштурулган 4 навигация шилтемеси, оң жагында тегизделген "Кирүү / Байланыш / Жүктөө" кластери. Баатыр: Солго тегизделген баштык + жогорку сол жактан тексти бар кош аракетке чакыруу блогу, андан кийин барактын бүт туурасын камтыган толук туурасындагы продукт макет картасы. Ишеним тилкеси: Бөлүмдүн туурасы боюнча бир сапта 8 логотип плиткасынан турган бир горизонталдуу катар. Функциялык бөлүмдөр сол жагында текстти жана оң жагында скриншотту эки тилкелүү макетте кезектештирип турат, ар бири 50/50, бөлүмдөрдүн ортосунда 64-96 пиксель вертикалдуу ритм менен. Бардык функциялык скриншоттор macOS стили бирдей болгон терезе макеттери. Төмөнкү колонтитул: Сол жагында бренд белгиси бар төрт тилкелүү шилтемелер торчосу. Бөлүктөр бөлгүчтөрдүн ордуна кең дем алуу мейкиндиги менен бөлүнгөн - каймак түстөгү полотнонун өзү бөлүүнү камсыз кылат.
Продукциянын скриншоттору борбордук орунду ээлейт: Cursor IDE иш жүзүндөгү көрүнүшүн көрсөткөн чоң macOS терезе макеттери: файл өтмөктөрү, айырма көрүнүштөрү, агент пландары, терминал панелдери жана Slack/чат интеграциясы. Ар бир терезе макети жумшак, жылуу контраст менен #f2f1ed карточкасы менен алкакка алынган. Үнсүз пейзаж сүрөтү (тоолор/чөл горизонту) негизги бөлүмдөн тышкары чыгып, UI менен атаандашпастан жылуулук кошот. Кардардын логотиптери ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) таблетка формасындагы Linen плиткаларынын ичинде монохром тамгалар катары көрсөтүлгөн. Адамдардын, иллюстрациялардын же абстракттуу декоративдик графикалык элементтердин сүрөттөрү жок — бардык визуалдык салмак продуктунун UI жана брендингине багытталган. Сүрөтчөлөр #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 · Моноспейс - код блоктору, буйрук сабынын үзүндүлөрү, метадайындар, файл жолдору жана иштеп чыгуучунун энбелгилери үчүн - техникалык тил.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 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 — Ак мраморго бир гана жылуу жарык менен тартылган архитектуралык чийме. Тынч, редакциялык маалымат бөлмөсү, анда кочкул көгүш сыя жана таблетка сымал башкаруу элементтери аппак беттердин үстүндө калкып жүрөт, аларды бир гана кызгылт сары түстүн чачырашы гана сындырат.