Cursor
هڪ آرامده پارچمينٽ ورڪشاپ، ٻرندڙ ڪوئلن سان روشن
ڪرسر هڪ گرم، پارچمينٽ جهڙو ٽائيپوگرافي استعمال ڪري ٿو: هڪ ڪريمي ڪينواس، انڪي ڪارو متن، ۽ هڪ واحد ٻرندڙ نارنگي تلفظ جيڪو بٽڻ ڀرڻ بدران لنڪس ۽ چونڊ کي چالو ڪري ٿو. هيڊنگز، جيڪي 400 وزن تي ڪرسر گوٿڪ ۾ سيٽ ڪيون ويون آهن، انهن ۾ بتدريج گهٽجندڙ اکر جي فاصلي هوندي آهي جيئن اهي سائيز ۾ وڌندا آهن - اختيار جرئت جي بدران پابندي ۽ پتلي اکرن جي وزن ذريعي حاصل ڪيو ويندو آهي. مٿاڇريون فليٽ ۽ ڪاغذ وانگر رکيون ويون آهن، پتلي سرحدن ۽ نرم، گرم گرين پاڇن سان؛ ڪنڊا سڄي متن ۾ 4px وزن تي ڪرکرا رهندا آهن. EB Garamond ذيلي عنوانن ۽ نثر لاءِ چونڊيل طور تي استعمال ڪيو ويندو آهي، جڏهن ته berkeleyMono ڪوڊ، ٽيگ، ۽ ميٽا ڊيٽا کي سنڀاليندو آهي، سسٽم کي هڪ ٽائيپوگرافڪ شخصيت ڏئي ٿو جيڪو SaaS ڊيش بورڊ کان وڌيڪ ادبي رسالي وانگر محسوس ٿئي ٿو.
وڌ ۾ وڌ ويڪر: 1300px سينٽرل، 24px مارجن. مٿيون نيويگيشن: 52px ڊگهو شفاف هيڊر جنهن ۾ لوگو ۽ ٽيڪسٽ مارڪ کاٻي پاسي، 4 سينٽرل نيويگيشن لنڪس، "لاگ ان / رابطو / ڊائون لوڊ" ڪلسٽر ساڄي پاسي ترتيب ڏنل. هيرو: کاٻي پاسي ترتيب ڏنل هيڊر + ڊبل ڪال-ٽو-ايڪشن بلاڪ جنهن ۾ ٽيڪسٽ مٿي کاٻي پاسي کان هلندو آهي، پوءِ هڪ مڪمل ويڪر پراڊڪٽ ميڪ اپ ڪارڊ جيڪو صفحي جي پوري ويڪر کي پکڙيل آهي. اعتماد واري پٽي: سيڪشن جي ويڪر ۾ هڪ ئي لائن ۾ 8 لوگو ٽائلس جي هڪ افقي قطار. فيچر سيڪشن کاٻي پاسي متبادل ٽيڪسٽ ۽ ساڄي پاسي هڪ اسڪرين شاٽ ٻن ڪالمن جي لي آئوٽ ۾، هر هڪ 50/50، حصن جي وچ ۾ 64-96px جي عمودي تال سان. سڀئي فيچر اسڪرين شاٽ هڪجهڙا 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— پتليون سرحدون، ورهائيندڙ، نازڪ پارٽيشن - گرم ٽون ۾ 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 · انفرادي ذيلي عنوانن، باڊي ٽيڪسٽ، ۽ ٽيبلولر ڊيٽا لاءِ هڪ ايڊيٽوريل سيريف ٽائپ فيس، ڪرسر گوٿڪ انٽرفيس ۾ هڪ ادبي ٽچ شامل ڪري ٿو.
- berkeleyMono — متبادل: ui-monospace · خاڪا 400, 500 · مونو اسپيس - ڪوڊ بلاڪ، ڪمانڊ لائن اسنيپٽس، ميٽا ڊيٽا، فائل رستا، ۽ ڊولپر ليبلز لاءِ - هڪ ٽيڪنيڪل ٻولي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 4px |
| ڪارڊ جو ريڊيس | 4px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 64-96px |
| صفحي جي ويڪر | 1300px |
AI توهان جي ويب سائيٽ Cursor انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Amplemarket — هڪ سج سان ڀريل ڪم واري جاءِ جيڪا ڪنفيٽي سان ڀريل آهي
- Getharvest — گولڊن آور تي هڪ ڊيسڪ - هڪ گرم ڪريم ڪينواس، ڪينواس تي اڇا پوسٽ ڪارڊ لٽڪيل، ۽ هڪ روشن نارنگي شعلو.
- Drive Capital — گرم ڪاغذ تي ريٽرو روڊ ٽرپ پوسٽر
- Wealthsimple — ڪشميري قطارن وارو گودام گيلري جي روشني سان
- Huddle — ڪريم پيپر تي پيسٽل انوینٽري ڪارڊ
- Fuser — ڊزائنر جي ڪم واري ڀت تي ڇڙيل پولارائيڊس
- Campsite — سج جي روشني ۾ ايڊيٽر جو ورڪ اسٽيشن - گرم ڪريم پيپر جنهن تي هڪ نارنگي رنگ جي نشان لڳل آهي.
- Redis Agency — ايڊيٽوريل ورڪشاپ، جيڪو ڪلاڪن کان پوءِ کليل آهي، هڪ گندي اونداهي جاءِ آهي جتي سڀ برانڊنگ جو ڪم سيريف فونٽس ۽ هڪ ڳاڙهي مولي ذريعي ڪيو ويندو آهي.
- AI Product Generation — اڇي ڪاغذ تي ايڊيٽوريل فوٽوگرافي اسٽوڊيو - ڪَوَر طور عنوان، ايڊيٽوريل نمايان ڪرڻ لاءِ نارنگي رنگ
- Getanchor — سج جي ڪريم جي پس منظر تي گرم ٽيراڪوٽا رنگ
- Flatfile — گرم پارچمينٽ تي هڪ خاموش ڊيٽا ڊائري
- Inthememory — اڇي سنگ مرمر تي هڪ آرڪيٽيڪچرل ڊرائنگ جنهن ۾ هڪ گرم روشني آهي. هڪ خاموش، ايڊيٽوريل ڊيٽا روم جتي گهري فيروزي مس ۽ گولي جي شڪل جا ڪنٽرول ڪرپٽ سفيد مٿاڇري تي ترندا آهن، صرف نارنگي جي هڪ ڇِپ سان ٽٽل آهن.