Cursor
Уютна работилница за пергамент, осветена от тлеещи въглени
Cursor използва топла, наподобяваща пергамент типография: кремаво платно, мастилено черен текст и един огнено оранжев акцент, който активира връзки и селекции, а не бутони за запълване. Заглавията, зададени в CursorGothic с дебелина 400, имат постепенно намаляващо разстояние между буквите с увеличаване на размера им – авторитетността се постига чрез сдържаност и тънки дебелини на буквите, а не чрез удебеляване. Повърхностите са плоски и подобни на хартия, с тънки рамки и меки, топли сиви сенки; ъглите остават отчетливи с дебелина 4px в целия текст. EB Garamond се използва избирателно за подзаглавия и проза, докато berkeleyMono обработва код, тагове и метаданни, придавайки на системата типографска индивидуалност, която наподобява повече литературно списание, отколкото SaaS табло.
Максимална ширина: 1300px центрирано, 24px поле. Горна навигация: 52px висок прозрачен заглавен панел с лого и текстов знак отляво, 4 центрирани навигационни връзки, клъстер „Вход / Контакт / Изтегляне“, подравнен вдясно. Герой: Ляво подравнен заглавен панел + двоен блок с призив за действие с текст, започващ от горе вляво, след което макет на продукт с пълна ширина, който обхваща цялата ширина на страницата. Trust stripe: Един хоризонтален ред от 8 плочки с лого в един ред по ширината на секцията. Секциите с функции редуват текст отляво и екранна снимка отдясно в двуколонно оформление, всяка 50/50, с вертикален ритъм от 64-96px между секциите. Всички екранни снимки на функции са макети на прозорци с идентичен macOS стил. Долен колонен панел: Четириколонна мрежа от връзки с марката отляво. Секциите са разделени от достатъчно пространство за дишане, а не от разделители - самото кремаво платно осигурява разделянето.
Снимките на екрана на продукта заемат централно място: големи макети на прозорци на macOS, показващи Cursor IDE в действие: раздели с файлове, изгледи за разлики, планове на агенти, панели на терминали и интеграция със Slack/чат. Всеки макет на прозорец е ограден с карта #f2f1ed с мек, топъл контраст. Приглушена снимка на пейзаж (планини/пустинен хоризонт) се простира отвъд основната секция, добавяйки топлина, без да се конкурира с потребителския интерфейс. Логотата на клиентите ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) са представени като монохромни букви в рамките на плочки с форма на хапчета. Няма снимки на хора, илюстрации или абстрактни декоративни графични елементи - цялото визуално тегло е фокусирано върху потребителския интерфейс и брандирането на продукта. Иконите са тънки, монолинейни глифове, изпълнени с #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 · Моноширинният шрифт - за кодови блокове, фрагменти от командния ред, метаданни, файлови пътища и етикети за разработчици - е технически език.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 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 — Архитектурна рисунка върху бял мрамор с една-единствена топла светлина. Тиха редакционна стая за данни, където наситено тюркоазено мастило и контроли във формата на хапчета се носят над свежи бели повърхности, нарушавани само от едно-единствено оранжево пръскане.