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