Superlist
مرجان جي شعلن سان گڏ هڪ رات جو ڪم ڪندڙ جڳهه - هڪ خاموش بينگن ايپ مٿاڇري جتي هڪ گرم نارنگي چمڪ هر عمل جو اشارو ڏئي ٿي
سپر لسٽ اڌ رات جي جامني رنگن ۾ پيداواري ٻولي استعمال ڪري ٿي: گہرے بينگن، گرم مرجان کي واحد بنيادي رنگ طور، ۽ وڏيون سين-سيريف هيڊ لائنون جيڪي پوري ماحول کي پڪڙين ٿيون. انٽرفيس دير رات جي مرڪوز ڪم جي احساس کي ظاهر ڪري ٿو - خاموش، پرتدار، ۽ پراعتماد، رنگ سان صرف ڪال ٽو ايڪشن، فعال رياستن، ۽ اهم نقطن تي فنڪشنل ضابطي جي طور تي استعمال ڪيو ويندو آهي. سطحون جامني رنگ جي هيٺان (#181824 → #26253b) سان نفيس اونداهي ٽون ۾ پرت ٿيل آهن، خالص ڪاري کان پاسو ڪندي يقيني بڻائڻ لاءِ ته کوٽائي جراثيم کان پاڪ جي بدران گرم محسوس ٿئي. اجزاء ۾ سخي گول شڪلون (20px ڪارڊ، پِل بٽڻ)، نرم پاڇا، ۽ تنگ گرڊ جي بدران آرامده 10-16px گيپس ذريعي "سانس" شامل آهن. هيڊ لائن جي آواز سڀ ڪجهه آهي: 70-88px تي 600 پوائنٽ وزن -0.02em جي تنگ خط جي فاصلي سان متن کي UI جي بدران ٽائيپوگرافڪ طور علاج ڪري ٿو - اهو SaaS جي ڀيٽ ۾ ايڊيٽوريل ڪاپي جي ويجهو آهي.
ڪارا حصا صفحي جي پوري ويڪر تي پکڙيل آهن، مرڪزي، وڌ ۾ وڌ ويڪر واري مواد ڪنٽينرز سان. مکيه حصو عمودي طور تي مرڪز ۾ آهي ۽ هڪ هيڊ لائن، سب ٽيڪسٽ، ۽ ڪال ٽو ايڪشن (CTA) تي مشتمل آهي، جنهن کان پوءِ ايندڙ حصي کي اوورليپ ڪرڻ لاءِ هڪ وڏو پراڊڪٽ اسڪرين شاٽ آهي. ايندڙ حصا مرڪزي ٽيڪسٽ بلاڪ ۽ ڪارڊ گرڊ جي وچ ۾ متبادل آهن. جائزو سيڪشن جائزو ڪارڊ ۽ 16 گٽر سان گڏ ٽن ڪالمن وارو گرڊ استعمال ڪري ٿو. نيويگيشن هڪ واحد ٽاپ بار آهي جنهن ۾ کاٻي پاسي هڪ لوگو، مرڪزي لنڪس، ۽ ساڄي پاسي لاگ ان عمل آهن - ڪو به مقرر ٿيل سائڊبار يا ميگا مينيو ناهي. حصن جي وچ ۾ گٽر سخي آهن (16 گٽر)، هڪ گهڻ پراڊڪٽ گرڊ جي بدران هڪ وسيع، ادارتي تال ٺاهيندي.
بصري جاءِ پراڊڪٽ اسڪرين شاٽس جي غلبي ۾ آهي - گول ڪنڊن سان هڪ وڏو فريم، اصل ايپ انٽرفيس کي ڏيکاري ٿو، مکيه ۽ ثانوي حصن کي ڀريندو آهي. تصويرون گهٽ ۾ گهٽ آهن، صرف استعمال ڪندڙ اوتار يا ان-ايپ ميڊيا جي ڏيک جي طور تي استعمال ٿينديون آهن (مثال طور، پراڊڪٽ ميڪ اپ جي ساڄي پينل ۾ ڪنسرٽ تصوير). ٽرسٽ بار تي لوگو فليٽ، خاموش اڇا ٽيڪسٽ علامتون آهن. ڪو به آرائشي عڪس نه آهي، ڪو به خلاصو گرافڪس ناهي، ڪو به 3D رينڊرز ناهي. بصري حڪمت عملي پراڊڪٽ کي پيماني تي ڏيکارڻ، ٽائپوگرافي کي جذباتي ڪم ڪرڻ ڏيو، ۽ مرجان کي واحد تلفظ رنگ طور استعمال ڪرڻ آهي.
پيليٽ
برانڊ
- Coral Ember
#ff4a36— نارنگي رنگ کي آرائشي تفصيلن ۽ غير معمولي اشارن کي اجاگر ڪرڻ لاءِ ثانوي تلفظ طور استعمال ڪيو ويندو آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي.
غير جانبدار
- Aubergine Canvas
#181824— صفحي جو پس منظر، مکيه ڪينواس، هڪ گرم، ڪارو ڇانو آهي جيڪو خالص ڪاري رنگ کي تبديل ڪري ٿو، جيڪو يوزر انٽرفيس کي فليٽ جي بدران پرت وارو ظاهر ڪري ٿو. - Elevated Plum
#26253b— ڪارڊ جون مٿاڇريون، ان پٽ فيلڊز، نيويگيشن ڪنٽينرز - ڪينواس کان هڪ قدم آسان آهي بغير ڪنهن نظر ايندڙ حد جي کوٽائي ٺاهڻ لاءِ. - Pure White
#ffffff— مکيه عنوان، بٽڻ جو متن، ۽ آئڪن جو خاڪو - هڪ ڳاڙهي ڪينواس تي وڌ ۾ وڌ برعڪس. - Fog Text
#696f81— مکيه متن، ثانوي عنوان، ۽ خاموش سرحدون سڀني ۾ بينگن جي رنگ جي پس منظر ۾ آرام سان پڙهڻ لاءِ 7:1 برعڪس تناسب آهي. - Ash Text
#8e8da0— ثانوي UI عنصرن، ورهائيندڙن، ۽ خاموش ليبلن لاءِ هڪ غير جانبدار رنگ جي حمايت ڪئي وئي آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي. - Mist Highlight
#a3a3a7— نازڪ سرحدون، ورهائيندڙ، ۽ غير فعال نيويگيشن عنصر هڪ نازڪ غير جانبدار ٽون ٺاهيندا آهن جيڪو اڃا تائين ڪينواس جي خلاف بيٺو آهي.
ٽائپوگرافي
12 کان 88px تائين · 9 مرحلا
- sans-serif — متبادل: Inter · خاڪا 400 · sans-serif - ڪڍيل ڊيٽا ۾ مليو پر AI پاران بيان نه ڪيو ويو آهي.
- Haffer XH SemiBold — متبادل: Inter Tight · خاڪا 400, 600 · ڊسپلي ۽ هيڊنگز لاءِ بنيادي فونٽ. اهو هيرو هيڊنگز لاءِ 70-88px جي سائيز ۾ استعمال ڪيو ويندو آهي جنهن ۾ -0.02em جي اکرن جي فاصلي ۽ 600 جي وزن سان. تنگ اکرن جي فاصلي ۽ وڏي اکرن جي اوچائي هيڊنگز کي ايڊيٽوريل وزن ڏئي ٿي، جنهن ڪري ڊارڪ انٽرفيس ڊيش بورڊ جي ڀيٽ ۾ ميگزين ڪَوَر وانگر وڌيڪ نظر اچي ٿو. انٽر ٽائيٽ يا جنرل سينز کي بولڊ وزن ۾ تبديل ڪريو.
- Jersey 10 — متبادل: Anybody · خاڪا 400 · هڪ وڏو، سينگاريل فونٽ، ايڪسينٽ انگن ۽ نمايان اکرن لاءِ. ٽائيپوگرافڪ ايڪسينٽ ٺاهڻ لاءِ تمام وڏي سائيز ۾ گھٽ استعمال ڪيو ويندو آهي. ان کي ايني بڊي يا ڪيبينيٽ گروٽسڪ سان تبديل ڪري سگهجي ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 10-16px |
| بٽڻ جو ريڊيس | 100px |
| ڪارڊ جو ريڊيس | 20px |
| پاڇا | نرم پاڇا |
| حصن جي وچ ۾ | 80px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Superlist انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- DNA — پارٽيڪل لينس ذريعي ڏٺو ويو مڊ نائيٽ آبزرويٽري
- Abetterlou — سيڊل ليدر تي چمڪ - هڪ گرم ڪريمي فونٽ جيڪو هڪ گہرے ڪافي-ڪاري پس منظر جي خلاف چمڪي رهيو آهي، جنهن ۾ امبر-گولڊ بٽڻ آهن جيڪي صفحي ۾ دٻايل گرم ڌاتو وانگر محسوس ٿين ٿا.
- Galileo-ft — اليڪٽرڪ بليو سگنلن سان گڏ هڪ ڊيپ اسپيس ڪمانڊ ڊيڪ
- Decide AI — اڌ رات جو آبزرويٽري - منٽ سگنل
- Redis Agency — ايڊيٽوريل ورڪشاپ، جيڪو ڪلاڪن کان پوءِ کليل آهي، هڪ گندي اونداهي جاءِ آهي جتي سڀ برانڊنگ جو ڪم سيريف فونٽس ۽ هڪ ڳاڙهي مولي ذريعي ڪيو ويندو آهي.
- Spellbook — اڌ رات جو ڪورٽ روم مرجان جي مس سان روشن ٿيل - هڪ ڪارو ادارتي سطح جتي صرف گرم نارنگي قلم جي اسٽروڪ جو آواز آهي.
- Linear — اڌ رات جي درستگي وارو اوزار
- Origin Financial — اڌ رات جي خاموش خوشحالي جي گيلري. هڪ خاموش، تقريبن اونداهو ڪمرو جتي وڏا سيريف فونٽ ۽ ڪجهه روشن رنگين پينل اهو احساس پيدا ڪن ٿا ته فنانس هڪ احتياط سان ترتيب ڏنل فن آهي.
- Hyperstudio — ڊزائن کي اوبسيڊين ۾ ڇڪيو ويو آهي. متن ۽ نفيس لائينون خالص ڪاري رنگ جي هڪ اڇي جاءِ کي فريم ڪن ٿيون، ڪڏهن ڪڏهن سون جي ڪمپاس جا نشان به رستي جي نشاندهي ڪن ٿا.
- Air — مجسمو "شيشي ذريعي اڌ رات جو آسمان"
- Raycast — مڊ نائيٽ ڪمانڊ سينٽر، ڪورل نيون
- dope.security — جامني رنگ جي بتين سان گڏ اڌ رات جو ٽرمينل