Cursor
Удобна работилница за пергамент, осветлена од тлеечки јаглен
Cursor користи топла, пергаментна типографија: кремасто платно, мастилово црн текст и еден огнено портокалов акцент што ги активира врските и селекциите, наместо копчињата за полнење. Насловите, поставени во CursorGothic со тежина од 400, постепено го намалуваат растојанието меѓу буквите како што се зголемуваат во големина - авторитетот се постигнува преку ограничување и тенки тежини на буквите, наместо со смелост. Површините се одржуваат рамни и како хартија, со тенки граници и меки, топли сиви сенки; аглите остануваат остри со тежина од 4px низ целиот текст. EB Garamond се користи селективно за поднаслови и проза, додека berkeleyMono се справува со код, ознаки и метаподатоци, давајќи му на системот типографска личност што повеќе личи на литературно списание отколку на SaaS контролна табла.
Максимална ширина: центрирано 1300px, маргина 24px. Горна навигација: проѕирен заглавие висок 52px со лого и текстуална ознака лево, 4 центрирани врски за навигација, кластер „Најавување / Контакт / Преземање“ порамнет кон десно. Херој: Заглавие порамнето лево + двоен блок за повик за акција со текст што се протега од горниот лев агол, потоа картичка со макета на производ со целосна ширина што се протега по целата ширина на страницата. Лента на доверба: Еден хоризонтален ред од 8 плочки со лого во еден ред низ ширината на делот. Секциите со карактеристики наизменично прикажуваат текст лево и слика од екранот десно во распоред со две колони, секоја 50/50, со вертикален ритам од 64-96px помеѓу секциите. Сите снимки од екранот со карактеристики се макети на прозорци со идентичен стил на 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 до 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 — Архитектонски цртеж на бел мермер со едно топло светло. Тивка, уредничка соба за податоци каде што длабоко тиркизно мастило и контроли во облик на апчиња лебдат над чистите бели површини, прекинати само од едно прскање портокалова боја.