Cursor
Удобна радионица за пергамент, осветљена тињајућим угљем
Курсор користи топлу, пергаментну типографију: кремасто платно, мастиљаво црни текст и један ватрено наранџасти акценат који активира линкове и селекције уместо дугмади за попуњавање. Наслови, постављени у КурсорГотику са дебљином од 400, постепено се смањују у размаку између слова како се повећавају — ауторитет се постиже уздржаношћу и танким дебљинама слова, а не подебљаношћу. Површине су равне и попут папира, са танким оквирима и меким, топло сивим сенкама; углови остају оштри са дебљином од 4 пиксела кроз цео текст. EB Garamond се селективно користи за поднаслове и прозу, док berkeleyMono обрађује код, ознаке и метаподатке, дајући систему типографски идентитет који више подсећа на књижевни часопис него на SaaS контролну таблу.
Максимална ширина: 1300 пиксела центрирано, маргина 24 пиксела. Горња навигација: провидни заглавље висок 52 пиксела са логотипом и ознаком текста са леве стране, 4 центрирана линка за навигацију, кластер „Пријава / Контакт / Преузимање“ поравнат удесно. Херој: Заглавље поравнато лево + двоструки блок позива на акцију са текстом који иде од горе лево, затим картица модела производа пуне ширине која се протеже целом ширином странице. Трака поверења: Један хоризонтални ред од 8 плочица логотипа у једном реду преко ширине одељка. Одељци са главним функцијама наизменично приказују текст са леве стране и снимак екрана са десне стране у распореду са две колоне, свака 50/50, са вертикалним ритмом од 64-96 пиксела између одељака. Сви снимци екрана главних функција су модели прозора са идентичним macOS стилом. Подножје: Мрежа линкова са четири колоне са ознаком бренда са леве стране. Одељци су одвојени довољно простора за дисање, а не преградама - само крем платно обезбеђује раздвајање.
Снимци екрана производа заузимају централно место: велики модели прозора macOS-а који приказују Cursor IDE у акцији: картице датотека, прикази разлика, планови агената, панели терминала и Slack/chat интеграција. Сваки модел прозора је уоквирен картицом #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 до 72 пиксела · 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 — Архитектонски цртеж на белом мермеру са једним топлим светлом. Тиха, уредничка соба за податке где дубоко тиркизно мастило и контроле у облику пилула лебде изнад оштрих белих површина, прекинуте само једним мрљем наранџасте.