Cursor
Утульная майстэрня з пергамента, асветленая якія тлеюць вуглямі
Cursor выкарыстоўвае цёплы, нібы пергамент, стыль афармлення: крэмавае палатно, чорны як чарніла тэкст і адзіны акцэнт агніста-аранжавага колеру, які актывуе спасылкі і вылучэнне, а не запаўняе кнопкі. Загалоўкі, набраныя шрыфтам CursorGothic таўшчынёй 400, маюць паступова якая памяншаецца міжлітарную адлегласць па меры павелічэння памеру - аўтарытэтнасць дасягаецца за рахунак стрыманасці і памяншэнні таўшчыні літар, а не за рахунак тоўстага шрыфта. Паверхні застаюцца плоскімі і падобнымі на паперу, з тонкімі рамкамі і мяккімі цёплымі шэрымі ценямі; куты застаюцца выразнымі пры таўшчыні 4px на працягу ўсяго тэксту. Шрыфт EB Garamond выкарыстоўваецца выбарачна для падзагалоўкаў і прозы, а berkeleyMono апрацоўвае код, пазнакі і метададзеныя, надаючы сістэме тыпаграфічную індывідуальнасць, якая больш нагадвае літаратурны часопіс, чым панэль кіравання SaaS.
Максімальная шырыня 1300px па цэнтры, 24px вонкавы водступ. Верхняя рух: 52px высокі празрысты загаловак з лагатыпам і тэкставым знакам злева, 4 спасылкі навігацыі па цэнтры, кластар «Уваход / Кантакты / Спампаваць» выраўнаваны па правым краі. Герой: загаловак, выраўнаваны па левым краі, + падвойны блок заклікаў да дзеяння з тэкстам, які ідзе зверху злева, затым поўнапамерная картка-макет прадукта, якая займае ўсю шырыню старонкі. Паласа даверу: адзін гарызантальны шэраг з 8 плітак лагатыпа ў адну лінію па шырыні часткі. Часткі з функцыямі чаргуюць тэкст злева і скрыншот справа ў двухкалонкавым размяшчэнні, кожны 50/50, з вертыкальным рытмам 64-96px паміж часткамі. Усе скрыншоты функцый уяўляюць сабой макеты вокнаў з ідэнтычным афармленнем macOS. Ніжні калантытул: чатырохкалонкавая сетка спасылак з фірмовым знакам злева. Раздзелы падзелены вялікай прасторай для «дыхання», а не падзельнікамі - крэмавае палатно само па сабе забяспечвае падзел.
У цэнтры ўвагі – скрыншоты прадукта: вялікія макеты вокнаў macOS, якія дэманструюць працу IDE Cursor: укладкі файлаў, прагляд адрозненняў, планы агентаў, панэлі тэрмінала, інтэграцыя са Slack/чатам. Кожны макет акна змешчаны ў рамку карткі #f2f1ed з мяккім цёплым кантрастам. Прыглушаная фатаграфія пейзажа (горы/пустынны гарызонт) выходзіць за межы галоўнай часткі, дадаючы цеплыні, не канкуруючы з карыстацкім інтэрфейсам. Лагатыпы кліентаў ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) прадстаўлены ў выглядзе манахромных надпісаў усярэдзіне плітак Linen у форме таблетак. Ніякіх фатаграфій людзей, ілюстрацый, абстрактных дэкаратыўных графічных элементаў - уся візуальная вага засяроджаны на карыстацкім інтэрфейсе прадукта і фірмовых знаках. Абразкі ўяўляюць сабой тонкія маналінейныя гліфы, запоўненыя колерам #7a7974 Ash, ніколі не храматычныя.
Палітра
Нейтральныя
- Ink
#26251e— Асноўны тэкст, фон асноўнай кнопкі дзеяння, тэкст навігацыі - цёплае, амаль чорнае адценне, ніколі не чыстае #000 - Parchment
#f7f7f4— Фон старонкі, асноўнае палатно - цёплае крэмавае адценне, які змякчае кантраст і стварае адчуванне друку чарніламі, а не лічбавага друку. - Bone
#f2f1ed— Кардонныя паверхні і прыўзнятыя кантэйнеры - на адзін тон цямней палатна, ствараюць эфект шматслойнасці "папера на паперы" без межаў. - Linen
#e6e5e0— Светлае нейтральнае заліванне для кнопак на цёмных паверхнях. - Stone
#cdcdc9— Тонкія межы, падзельнікі, ледзь прыкметныя перагародкі - лініі 1px цёплых адценняў. - Mist
#a1a19f— Дапаможны тэкст трэцяга ўзроўню, подпісы - паміж прыглушаным і другарадным тэкстам.
Друкарня
ад 12 да 72px · 6 прыступак
- CursorGothic — замена: Inter · напісання 400, 500 · Асноўны шрыфт для карыстацкага інтэрфейсу, загалоўкаў, навігацыі, асноўнага тэксту і афармленні тавараў. Загалоўкі таўшчынёй 400 з паступова памяншаецца міжлітарнай адлегласцю (-0.005em на 22px → -0.03em на 72px) - адметная рыса шрыфта: загалоўкі ніколі не вылучаюцца тоўстым шрыфтам. Функцыі шрыфта 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.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Amplemarket — Залітае сонцам працоўнае месца, абсыпанае канфеці
- Getharvest — Працоўны стол у «залатую гадзіну» - палатно цёплага крэмавага колеру, белыя паштоўкі, панавешаныя на палатне, і адно яркае аранжавае полымя.
- Drive Capital — Рэтра-постэр для аўтападарожжа на цёплай паперы
- Wealthsimple — Склад, аздоблены кашмірам, з галерэйным асвятленнем
- Huddle — Пастэльныя інвентарныя карткі на крэмавай паперы
- Fuser — Раскіданыя полароідным здымкі на працоўнай сцяне дызайнера
- Campsite — Залітае сонцам працоўнае месца рэдактара - папера цёплага крэмавага колеру з адным аранжавым адбіткам намеру
- Redis Agency — Рэдакцыйная майстэрня, якая працуе ў непрацоўны час, - гэта апраметная цемра, дзе ўсю працу над брэндам выконваюць шрыфты з засечкамі і адна-адзіная чырвоная радыска
- AI Product Generation — Фотастудыя для рэдакцыйнай здымкі на белай паперы - загаловак у якасці вокладкі, аранжавы колер - для вылучэння тэксту рэдактарам
- Getanchor — Цёплае тэракотавае адценне на выцвілым ад сонца крэмавым фоне
- Flatfile — Ціхі дзённік дадзеных на цёплым пергаменце
- Inthememory — Архітэктурны чарцёж на белым мармуры з адзіным цёплым агеньчыкам. Ціхі, рэдакцыйны пакой дадзеных, дзе глыбокія бірузовыя чарнілы і элементы кіравання ў форме таблетак параць над беласнежнымі паверхнямі, парушаныя толькі адным аранжавым усплёскам