Linear
اڌ رات جي درستگي وارو اوزار
لڪير ڊيزائن سسٽم هڪ رات جو ڪمانڊ سينٽر آهي جيڪو ڪارا رنگ جي مٿاڇري تي ٺهيل آهي (#08090a) ڪرپٽ سفيد قسم ۽ هڪ واحد لائم-سائي تلفظ (#e4f222) سان جيڪو هڪ فنڪشنل ٽارچ جي طور تي ڪم ڪري ٿو - ننڍو، اعلي-برعڪس، ۽ عملن کي ظاهر ڪرڻ لاءِ گهٽ استعمال ڪيو ويندو آهي. انٽرفيس اونداهي کي هڪ موضوع جي بدران بنياد جي طور تي علاج ڪري ٿو: متن تنگ خط جي فاصلي سان هڪ ڪرپٽ اڇو آهي (-0.022em)، فونٽ وزن گهٽ 400-510 رينج ۾ آهن بجاءِ بولڊ جي، ۽ بارڊر الٽرا پتلي (0.5px) آهن ته جيئن جاميٽري کي ڪم ڪرڻ ڏيو جيڪو عام طور تي پاڇن پاران ڪيو ويندو آهي. اجزاء صحيح طور تي ٺهيل محسوس ٿين ٿا - 6px ۽ 12px ريڊي، ڪمپيڪٽ 8-12px مارجن، ۽ آرائشي عنصرن جي تقريبن مڪمل کوٽ - پراڊڪٽ UI (ٽاسڪ ڪارڊ، ڪنبن بورڊ، AI ايجنٽ پينل) کي ٻي صورت ۾ پرسکون سسٽم ۾ واحد بصري بناوت هجڻ جي اجازت ڏئي ٿي.
لي آئوٽ جي وڌ ۾ وڌ ويڪر تقريباً 1200px آهي، وچ ۾، هڪ ڪارو پس منظر ويو پورٽ جي ڪنارن تائين پکڙيل آهي. مکيه عنصر هڪ وڏو هيڊ لائن آهي، کاٻي طرف ترتيب ڏنل (64–72px)، ساڄي طرف ترتيب ڏنل ڪال ٽو ايڪشن (CTA) سان جوڙيو ويو آهي، جنهن کان پوءِ هڪ وڏو پراڊڪٽ اسڪرين شاٽ آهي جيڪو وڌ ۾ وڌ ويڪر کان ٿورو اڳتي وڌندو آهي. حصن جو تال ٻن ڪالمن جي ڪمپوزيشن جي وچ ۾ متبادل ٿئي ٿو جنهن ۾ کاٻي پاسي متن ۽ ساڄي پاسي هڪ تصوير، ۽ مڪمل ويڪر پراڊڪٽ ڊسپلي اسٽرپس 96px عمودي گٽرز سان الڳ ٿيل آهن. ڪلائنٽ جي لوگو سان پٽي هڪ واحد افقي قطار آهي. صفحو ڪڏهن به ٽن ڪالمن ڪارڊ گرڊ يا ٽائل ٿيل ڍانچي استعمال نٿو ڪري - معلومات جي کثافت گهٽ رهي ٿي، گهڻا حصا ڪافي سفيد جاءِ ۽ اسڪرين تي هڪ واحد فوڪل عنصر استعمال ڪن ٿا. نيويگيشن هڪ مقرر ٿيل ٽاپ بار آهي جنهن ۾ کاٻي پاسي ترتيب ڏنل لوگو ۽ ساڄي طرف ترتيب ڏنل لنڪ آهن، بغير سائڊبار يا ميگا مينيو جي.
لينيئر جي بصري ٻولي پراڊڪٽ اسڪرين شاٽس تي ٻڌل آهي: شروعات ۾ ۽ حصن ۾ تصويرون لينيئر ايپ جي يوزر انٽرفيس جون حقيقي تصويرون آهن، جيڪي وڌ ۾ وڌ تفصيل سان قبضو ڪيون ويون آهن - ٽاسڪ ڪارڊ، ڪنبن بورڊ، اي آءِ ايجنٽ ڊيش بورڊ، ڪمانڊ پيليٽ - پتلي فريم ۾ رکيل آهن. ڪابه اسٽاڪ تصويرون، ڪابه طرز زندگي جون تصويرون، ڪابه تجريدي تصويرون نه. لوگو گراهڪن لاءِ هڪجهڙائي سائيز جي هڪ غير جانبدار گرين پٽي (#8a8f98) طور ڏيکاريا ويا آهن. آئڪن هڪ مونوڪروميٽڪ گرين اسڪيل ۾ گهٽ ۾ گهٽ لڪير SVG تصويرون آهن. صفحي جي چوٽي تي اسڪرين شاٽ هڪ نفيس لڪير گريڊينٽ (اونداهي کان روشني تائين) تي تري ٿو، حقيقي نظارن کي استعمال ڪرڻ کان سواءِ ماحول جي کوٽائي پيدا ڪري ٿو. هر بصري عنصر پاڻ پراڊڪٽ جو هڪ فنڪشنل عنصر آهي.
پيليٽ
برانڊ
- Acid Lime
#e4f222— مکيه ڪنٽرول بٽڻ ۽ فعال نيويگيشن اشارا هڪ روشن تلفظ آهن جيڪي مونوڪروم رنگ اسڪيم کي ٽوڙين ٿا.
غير جانبدار
- Mist
#d0d6e0— ثانوي عنوان، اونداهي سطحن تي بٽڻ جو متن - Void
#08090a— صفحي جو ڪينواس، مڪمل ويڪر واري پس منظر واري تصوير - ڊفالٽ طور، سڀئي عنصر هن پس منظر تي رکيا ويا آهن. - Carbon
#0f1011— ڪارڊ جي مٿاڇري، نيويگيشن بار، ڪارڊن اندر مواد رکڻ لاءِ ڪينواس کان هڪ قدم مٿي آهن. - Obsidian
#161718— مٿي ڪيل مٿاڇريون، گتي جا وڌيڪ گهرا پينل - Graphite
#23252a— نازڪ سرحدون، جدا ڪندڙ، نازڪ بٽڻ آئوٽ لائنون - گهٽ برعڪس بناوت وارا ڪنڊا - Smoke
#383b3f— پتلي سرحدن ۾ گريفائيٽ-سيڪشن سيپريٽرز جي ڀيٽ ۾ وڌيڪ برعڪس هوندو آهي.
ٽائپوگرافي
13 کان 72px تائين · 8 مرحلا
- Inter Variable — متبادل: Inter (variable) · خاڪا 300, 400, 510, 590 · پرائمري UI ۽ هيڊر فونٽ - نيويگيشن، باڊي ٽيڪسٽ، هيڊنگز، بٽڻن ۽ ڪارڊن ۾ استعمال ٿيندو آهي.
- Berkeley Mono — متبادل: JetBrains Mono · خاڪا 400 · ڪوڊ سان لاڳاپيل UI ٽيڪسٽ - رليز سڃاڻپ ڪندڙ (ENG-2703)، ڪي بورڊ شارٽ ڪٽ، مونو اسپيس فونٽ ميٽا ڊيٽا
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڪشادو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 6px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 96px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Linear انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Aaru — آڌي رات جو پارٽيڪل فيلڊ آبزرويٽري
- Atlas Card — مڊنائيٽ والٽ، پنهنجي سنگل نيلم ري سان، هڪ گندو ڪارو علائقو آهي جتي صرف هڪ شيءِ جيڪا اهم آهي اها آهي گہرے برقي نيرو.
- Checkly — ڊيپ آربٽ مشن ڪنٽرول سينٽر
- Savee — بصري ڪيوريٽرز لاءِ ڪارو ڪينواس
- Inngest — هڪ اونداهي، خاموش رصدگاهه، جيڪا اوزارن سان ڪم ڪرڻ لاءِ ليس آهي، هڪ واحد امبر پائلٽ لائيٽ سان روشن ٿيل آهي.
- Dala — ڪاري مخمل تي اڏامندڙ هڪ برج
- Origin Financial — اڌ رات جي خاموش خوشحالي جي گيلري. هڪ خاموش، تقريبن اونداهو ڪمرو جتي وڏا سيريف فونٽ ۽ ڪجهه روشن رنگين پينل اهو احساس پيدا ڪن ٿا ته فنانس هڪ احتياط سان ترتيب ڏنل فن آهي.
- Hyperstudio — ڊزائن کي اوبسيڊين ۾ ڇڪيو ويو آهي. متن ۽ نفيس لائينون خالص ڪاري رنگ جي هڪ اڇي جاءِ کي فريم ڪن ٿيون، ڪڏهن ڪڏهن سون جي ڪمپاس جا نشان به رستي جي نشاندهي ڪن ٿا.
- Air — مجسمو "شيشي ذريعي اڌ رات جو آسمان"
- Resend — ڪارو مخمل جامني نيرو رنگ سان
- Raycast — مڊ نائيٽ ڪمانڊ سينٽر، ڪورل نيون
- Dimension — ٿڌڙي شيشي جي پينلن سان گڏ هڪ شام جي روشني وارو ورڪ اسٽيشن