Cursor
د چرمونو یو آرام ورکشاپ، د اور لګېدونکو سکرو لخوا روښانه شوی
کرسر د ګرم، پارچمنټ په څیر ټایپوګرافي کاروي: یو کریمي کینوس، رنګین تور متن، او یو واحد اور نارنجي تلفظ چې د تڼیو ډکولو پرځای لینکونه او انتخابونه فعالوي. سرلیکونه، چې په کرسرګوتیک کې په 400 وزن کې تنظیم شوي، په تدریجي ډول د لیکونو فاصله کموي ځکه چې دوی په اندازې کې زیاتوالی مومي — واک د زړورتیا پرځای د محدودیت او پتلي لیک وزن له لارې ترلاسه کیږي. سطحې فلیټ او کاغذ په څیر ساتل کیږي، د پتلو سرحدونو او نرم، ګرم خړ سیوري سره؛ کونجونه په ټول متن کې د 4px وزن کې کرکرا پاتې کیږي. EB ګارامونډ د فرعي سرلیکونو او نثر لپاره په انتخابي ډول کارول کیږي، پداسې حال کې چې برکلي مونو کوډ، ټګونه او میټاډاټا اداره کوي، سیسټم ته یو ټایپوګرافیک شخصیت ورکوي چې د SaaS ډشبورډ په پرتله د ادبي مجلې په څیر احساس کوي.
اعظمي عرض: ۱۳۰۰ پکسلز متمرکز، ۲۴ پکسلز حاشیه. پورته نیویګیشن: ۵۲ پکسلز اوږد شفاف سرلیک چې په کیڼ اړخ کې د لوګو او متن نښه لري، ۴ مرکزي نیویګیشن لینکونه، "ننوتل / اړیکه / ډاونلوډ" کلستر ښي خوا ته تنظیم شوی. اتل: کیڼ اړخ ته تنظیم شوی سرلیک + دوه ګونی کال-ټو-ایکشن بلاک چې متن له پورته کیڼ اړخ څخه روان دی، بیا د بشپړ عرض محصول موک اپ کارت چې د پاڼې ټول عرض پراخوي. د باور پټه: د برخې عرض په اوږدو کې په یوه کرښه کې د 8 لوګو ټایلونو یو افقی قطار. د فیچر برخې په کیڼ اړخ کې بدیل متن او په ښي اړخ کې سکرین شاټ په دوه کالم ترتیب کې، هر یو ۵۰/۵۰، د برخو ترمنځ د ۶۴-۹۶ پکسلز عمودی تال سره. ټول فیچر سکرین شاټونه د ورته macOS سټایل سره د کړکۍ موک اپونه دي. فوټر: په کیڼ اړخ کې د برانډ نښه سره د لینکونو څلور کالم گرډ. برخې د ویشونکو پرځای د تنفس کولو لپاره د کافي ځای لخوا جلا شوي - کریم کینوس پخپله جلا کول چمتو کوي.
د محصول سکرین شاټونه مرکزي مرحله نیسي: د macOS کړکۍ لوی موک اپونه چې د کرسر IDE په عمل کې ښیې: د فایل ټبونه، د توپیر لیدونه، د اجنټ پلانونه، ټرمینل پینلونه، او سلیک/چیټ ادغام. د هرې کړکۍ موک اپ د #f2f1ed کارت سره د نرم، ګرم برعکس سره چوکاټ شوی. یو خاموش منظره عکس (غرونه/دښته افق) د اصلي برخې هاخوا غځیږي، پرته له دې چې د UI سره سیالي وکړي تودوخه اضافه کوي. د مراجعینو لوګو ( Stripe ، OpenAI، Linear، Datadog، NVIDIA، Figma، Ramp، Adobe) د ګولۍ په شکل لینن ټایلونو کې د مونوکروم لیک په توګه وړاندې کیږي. د خلکو عکسونه، انځورونه، یا خلاص آرائشی ګرافیک عناصر شتون نلري - ټول بصري وزن د محصول UI او برانډینګ باندې متمرکز دی. شبیهونه پتلي، مونولینیر ګلیفونه دي چې د #7a7974 ایش سره ډک شوي، هیڅکله کروماتیک ندي.
پالټ
بې طرفه
- Ink
#26251e— لومړنی متن، د لومړني عمل تڼۍ شالید، د نیویګیشن متن - یو ګرم، تقریبا تور رنګ، هیڅکله خالص نه دی #000 - Parchment
#f7f7f4— د پاڼې شاليد، اصلي کینوس، یو ګرم کریمي سیوري دی چې برعکس نرموي او د ډیجیټل چاپ پرځای د رنګ چاپ احساس رامینځته کوي. - Bone
#f2f1ed— د کارت بورډ سطحې او پورته شوي کانتینرونه، د کینوس څخه یو ټون تیاره، یو پرت لرونکی، بې سرحده "کاغذ پر کاغذ" اغیز رامینځته کوي. - Linen
#e6e5e0— په تیاره سطحو کې د تڼیو لپاره روښانه بې طرفه ډکول. - Stone
#cdcdc9— نري پولې، وېشونکي، نازکې برخې - په ګرمو رنګونو کې ۱ پکسل کرښې - Mist
#a1a19f— د دریمې کچې مرستندویه متن، سرلیکونه - د خاموش او ثانوي متن ترمنځ.
ټایپوګرافي
له ۱۲ څخه تر ۷۲ پکسله پورې · ۶ ګامونه
- CursorGothic — بدیل: Inter · بڼې 400, 500 · د کارن انٹرفیس، سرلیکونو، نیویګیشن، د بدن کاپي، او د محصول ډیزاین لپاره لومړني فونټ. سرلیکونه چې د 400 نقطو وزن لري او په تدریجي ډول د لیکونو فاصله کموي (-0.005em په 22px → -0.03em په 72px) د فونټ یو ځانګړی ځانګړتیا ده: سرلیکونه هیڅکله بولډ نه وي. د فونټ دندې ss08، ss09، او tnum سټایلیسټیک بدیلونه او جدول شکلونه فعالوي.
- EB Garamond — بدیل: Iowan Old Style · بڼې 400, 500 · د انفرادي فرعي سرلیکونو، د بدن متن، او جدول معلوماتو لپاره د اداری سیریف ټایپفیس، کرسرګوتیک انٹرفیس ته ادبي لمس اضافه کوي.
- berkeleyMono — بدیل: ui-monospace · بڼې 400, 500 · مونوسپیس - د کوډ بلاکونو، د قوماندې کرښې ټوټې، میټاډاټا، د فایل لارې، او پراختیا کونکي لیبلونو لپاره - یوه تخنیکي ژبه.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 4px |
| د کارت وړانګې | 4px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 64-96px |
| د پاڼې پلنوالی | 1300px |
AI به ستاسو ویب پاڼه په 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 — په سپین مرمر باندې د یوې ګرمې رڼا سره د معمارۍ انځور. یوه خاموشه، د اداری معلوماتو خونه چیرې چې ژور فیروزي رنګ او د ګولۍ په شکل کنټرولونه د سپینو سطحو څخه پورته تیریږي، یوازې د نارنجي رنګ د یوې څاڅکي سره مات شوي.