Superhuman
گولڊن آور ايڊيٽوريل پينل
سپر هيومن ايڊيٽوريل فوٽوگرافي ۽ سافٽ ويئر UI جي سنگم تي پکڙيل آهي - هڪ گرم، پارچمينٽ جهڙو ڪينواس (ڪڏهن به خالص اڇو نه) فريم مرون برانڊنگ عنصرن ۽ متحرڪ جامني رنگ جي تلفظ. هيڊ لائنون، 460 فونٽ ۾ سيٽ ڪيل، شور ڪرڻ جي بدران وسوسا، مڪمل صفحي جي سينيمائي فوٽوگرافي کي ڳري کڻڻ جي اجازت ڏئي ٿي، جڏهن ته شفاف پراڊڪٽ UI ڪارڊ تصويرن جي مٿان شيشي وانگر ترندا آهن. پيليٽ گهڻو ڪري پرسکون ۽ ادارتي رهي ٿو: ڪريم سطحون، چارڪول ٽيڪسٽ، نازڪ گرم-گرين سرحدون، ۽ عنصرن جي وچ ۾ فراخ فاصلو، جان بوجھ ڪري برانڊ پنڪچر لاءِ محفوظ رنگ سان - هڪ سنگل مرون ڪال-ٽو-ايڪشن، جامني لنڪس، هڪ هلڪو ليلڪ ايڊ آن بٽڻ. سسٽم جان بوجھ ڪري UI سطحن تي مضبوط پاڇن ۽ گريڊينٽ کان پاسو ڪري ٿو؛ کوٽائي پرت واري فوٽوگرافي ۽ عنوان ۾ ذيلي پس منظر جي ڌوڙ ذريعي حاصل ڪئي وئي آهي، هڪ اسٽيڪنگ اثر جي بدران.
مکيه عنصر هڪ مڪمل ويڪر تصوير آهي جنهن ۾ هڪ مرڪزي هيڊ لائن (48-64px/460) آهي ۽ هڪ واحد ڪال ٽو ايڪشن شراب جي تصوير سان ڀريل آهي، جنهن ۾ کاٻي ۽ ساڄي ڪنارن تي فلوٽنگ ٽرانسلينٽ پراڊڪٽ UI ڪارڊ اوورليڊ ٿيل آهن. مکيه عنصر جي هيٺان هڪ اڇي پٽي لوگو پٽي آهي (في قطار 6 سيل، وڌ ۾ وڌ ويڪر محدود)، پوءِ پارچمينٽ ڪينواس تي اڇي ڪارڊ جي مٿاڇري سان هڪ ٽيب سيڪشن. هڪ ڳاڙهو فيروزي پٽي صفحي جي رستي جي ٻن ٽئين حصي ۾ تال کي ٽوڙي ٿو - مڪمل ويڪر، ٻه ڪالم (کاٻي پاسي تصوير، ساڄي پاسي متن) - صرف ٽونل برعڪس ٺاهيندي جيئن توهان اسڪرول ڪندا آهيو. هڪ گريڊينٽ ايٽميسفريڪل پٽي پٺيان اچي ٿو. حصن جي وچ ۾ عمودي فاصلو 64-96px آهي. وڌ ۾ وڌ مواد جي ويڪر ~1200px مرڪز ۾ آهي، مکيه عنصر ۽ ڪارو پٽي ويو پورٽ جي مڪمل ويڪر ۾ پکڙيل آهي. نيويگيشن هڪ واحد مقرر ٿيل هيڊر آهي جنهن ۾ هڪ ڌُنڌلي پس منظر آهي؛ ڪابه سائڊبار، ڪوبه ميگا مينيو ناهي. فوٽر هڪ مڪمل ويڪر برگنڊي صفحو آهي جنهن ۾ لنڪس جي گھڻن ڪالمن جي ترتيب آهي. مجموعي تال هي آهي: مکيه فريم → پرسڪون اڇو/ڪريم مواد → مکيه تصوير سان ڪارو پٽي → ماحولي گريڊينٽ → برگنڊي فوٽر، هڪ ادارتي رفتار ٺاهڻ لاءِ متبادل روشني ۽ ڪارو پٽيون.
بنيادي بصري عنصر سينيمائي فوٽوگرافي آهي: کليل آسمان جي خلاف هڪ مڪمل ويڪر پورٽريٽ مرڪزي نقطي طور ڪم ڪري ٿو، هڪ ٻيو ماحولي پٽي صفحي جي هيٺان رکيل آهي. تصوير گرمجوشي سان ٺهيل آهي، نفيس طور تي خاموش ڪئي وئي آهي، ۽ پروفائل ۾ شاٽ ڪئي وئي آهي، هڪ سون جي ڪلاڪ جي ياد ڏياريندڙ، ڪارپوريٽ احساس کان وڌيڪ ادارتي احساس پيدا ڪري ٿي. شفاف جاميٽري مستطيل ۽ هٿ سان لکيل لکتن سان هڪ ڪارو پٽي سوچ ۾ گم ٿيل ماڻهوءَ جي تصوير تي سپر امپوز ڪئي وئي آهي - هڪ تصوير جي بدران سطحن جو ڪوليج. يوزر انٽرفيس کي الڳ اسڪرين شاٽ جي بدران، تصوير تي سڌو سنئون سپر امپوز ٿيل فلوٽنگ گلاس ڪارڊ جي طور تي پيش ڪيو ويو آهي. ڪو به اسٽاڪ تصوير، ڪو به 3D رينڊرز، ۽ ڪو به تجريدي آرائشي فارم نه آهن، گريڊينٽ ماحولي پٽي جي استثنا سان. آئڪن گهٽ ۾ گهٽ مونوڪروم لائن آئڪن آهن، ~ 16-20px ويڪر، هڪ واحد ويڪر 460 پوائنٽ ٽيڪسٽ وزن سان ملندڙ جلندڙ آهي.
پيليٽ
برانڊ
- Midnight Wine
#421d24— مکيه ايڪشن بٽڻ، اشتهار بينر، ۽ فوٽر هڪ گرم، تقريبن ڪارو برگنڊي آهن جيڪو ڳاڙهي کان وڌيڪ مس وانگر محسوس ٿئي ٿو، رنگ جي پيليٽ کي وڌيڪ طاقتور ٿيڻ کان سواءِ لنگر انداز ڪري ٿو. - Royal Violet
#714cb6— جامني رنگ لنڪس، ٽيگ، ۽ ننڍڙن جملن کي اجاگر ڪرڻ لاءِ استعمال ڪيو ويندو آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي.
غير جانبدار
- Lilac Mist
#d4c7ff— ثانوي مٿاڇري ڀرڻ، هلڪي آئڪن، ۽ گھوسٽ بٽڻ جي پس منظر سڀني ۾ هڪ خاموش جامني رنگ آهي جيڪو برانڊ جي انداز ڏانهن اشارو ڪري ٿو بغير پاڻ ڏانهن غير ضروري ڌيان ڇڪائڻ جي. - Deep Lagoon
#0c4243— پٽي لاءِ ڪارو پس منظر، جيڪو مکيه داستاني عنصر طور استعمال ڪيو ويو آهي، سسٽم ۾ واحد ڪارو سطح آهي، جيڪو هڪ اوورليڊ جاميٽري نموني سان گڏ آهي. - Warm Parchment
#f2f0eb— صفحي جي ڪم ڪندڙ مٿاڇري غالب عنصر آهي؛ هڪ گرم ڪريم رنگ اڇي رنگ کي بنياد طور تبديل ڪري ٿو، جيڪو سڄي نظام کي ادارتي گرمجوشي ڏئي ٿو. - Soft Mist
#e3e3e2— سُٺيون سرحدون، ڪارڊ جون شڪليون، ورهائيندڙ لائينون - هڪ گرم، هلڪو ڀورو رنگ جيڪو پارچمينٽ سان ملي ٿو پر ڪنارن کي واضح طور تي بيان ڪري ٿو. - Ink Charcoal
#292827— باڊي ٽيڪسٽ، هيڊنگ، آئڪن آئوٽ لائن - هڪ گرم، تقريبن ڪارو رنگ جنهن ۾ ڪافي ناسي رنگ آهي جيڪو ڪاغذ تي مس وانگر محسوس ٿئي ٿو، ڪڏهن به ٿڌو نه #000 - Stone Gray
#666666— ثانوي متن، معاون متن، محتاط وضاحتون - هڪ واحد وچولي گرين، گهٽ استعمال ڪيو ويو آهي ته جيئن ڪڏهن به مکيه متن سان مقابلو نه ڪري.
ٽائپوگرافي
12 کان 64 پکسلز تائين · 8 مرحلا
- Super Sans VF — متبادل: Inter (closest open equivalent for variable weight range) · خاڪا 460, 500, 540, 600, 700 · پوري سسٽم ۾ هڪ واحد فونٽ. محور متغير 460 (هڪ دستخط، سڀني وڏي هيڊنگ ٽيڪسٽ لاءِ ٿورو ڪٽيل فونٽ) کان 540 (زور ڏنل باڊي ٽيڪسٽ) ۽ 700 (ننڍو، بولڊ ڪيپشن) تائين جي حد تائين پکڙيل آهن. هڪ خاص طور تي ٺهيل VF 460-وزن جي هيڊنگ کي بي ترتيب کان وڌيڪ جان بوجھ ڪري ٿو - 48-64px تي تنگ اکرن جي فاصلي سان، "ٿورو ڪٽيل" اثر پتلي جي بدران اعتماد طور سمجهيو ويندو آهي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 16px |
| ڪارڊ جو ريڊيس | 16px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 64-96px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Superhuman انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- AI for Business — گرم گرين رنگن ۾ وحشي ايڊيٽوريل شو روم
- Jeton — گرم سنگ مرمر تي فنٽيڪ بابت هڪ ايڊيٽوريل
- Airtable — هڪ آرامده سيمينار جنهن ۾ باب مختلف رنگن ۾ نشان لڳل آهن.
- Osmo — گرين ڪنڪريٽ تي ڊولپرز ميوزيم
- Linktr — ادارتي پوسٽر مٺائي وانگر اسٽيڪ ٿيل آهن. ويب سائيٽ رنگين بلاڪن ۾ ٺهيل آهي، روشن سائي سرخين سان ڪوبالٽ-نيلي ڀتين جي خلاف سيٽ ڪئي وئي آهي، ۽ سفيد گولي جي شڪل واري نيويگيشن عناصر برگنڊي فيلڊن جي مٿان ترندا آهن.
- Outsource Consultants — هڏن جي ڪاغذ تي هڪ وڏي شڪل واري آرڪيٽيڪچرل شيٽ. هڪ مونوگرافڪ جمالياتي، جتي نير جو هڪ روشن ٽڪرو ٻي صورت ۾ گرم، ٽائيپوگرافڪ طور تي وڌ کان وڌ گرڊ کي مداخلت ڪري ٿو.
- Streamtime — ٽيڪٽائل ڪريئيٽو موڊ بورڊ - ڊيزائنر اسڪريپ بڪنگ ٽيبل
- Switch-Lit — ڪريم پيپر تي مس سان ڇپيل ايڊيٽوريل گرڊ
- HubSpot — هڪ گرم ڪريم پيپر رنگ هڪ نارنگي تلفظ سان. HubSpot هڪ ڊيزائنر ميگزين وانگر آهي جيڪو هيوي ويٽ پيپر تي ڇپيل آهي - سيريف هيڊ لائنز، گرم ڪريم صفحا، ۽ هڪ واحد ٻرندڙ نارنگي تلفظ صرف سڀ کان اهم نقطن کي اجاگر ڪري ٿو.
- Granola — گرم ويلم تي فيلڊ نوٽس - گرانولا سج جي روشني واري ڊيسڪ تي کليل هڪ سٺي نموني سان ٺهيل مولسڪائن نوٽ بڪ وانگر پڙهي ٿو: سيريف هيڊنگ مضبوطي جو احساس ڏين ٿا، نامياتي سائي تلفظ جهڙوڪ ٻوٽن تي ٻڌل مس، ۽ ڪارڊن جي حاشيي ۾ نفيس لائينون جيڪي هٿ سان لکيل نوٽس وانگر آهن.
- Secure — هڪ يورپي ڪيفي ۾ نرم ڏينهن جي روشني ۾ ڳالهه ٻولهه وڊيو ڪالنگ تي هڪ گرم، اسٽائلش انداز آهي، جتي سيريف هيڊ لائنز ٽيڪ پراڊڪٽ پيج جي بدران هڪ سوچيندڙ ميگزين آرٽيڪل وانگر پڙهن ٿيون.
- Mockups made easy — اڇي ڪاغذ تي ايڊيٽوريل ڊيزائن اسٽوڊيو