
Airbnb
هڪ خاموش اڇي گيلري واري ڀت جنهن ۾ هڪ واحد مرجان ڳاڙهي بُڪ مارڪ آهي.
Airbnb هڪ "سفيد ڪينواس" انداز ۾ ڪم ڪري ٿو، جتي فوٽوگرافي اعليٰ حڪمراني ڪري ٿي: تقريبن هر اسڪرين هڪ خاموش مونوڪروم فريم آهي، جيڪا ملڪيتن جي مڪمل اسڪرين تصويرن کي مجموعي تاثر پهچائڻ جي اجازت ڏئي ٿي، هڪ واحد، امير مرجان-ڳاڙهي تلفظ (Rausch) سان واحد رنگ جي اشارو طور عمل کي ظاهر ڪري ٿو. ٽائيپ فيس هڪ جاميٽري سينز-سيريف (Airbnb سيريل VF) آهي - گهڻو ڪري ننڍا، اعتماد وارا سائز - جسم جي متن، انٽرفيس، ۽ سيڪشن هيڊنگز (22-22) لاءِ - تنگ منفي لائن اسپيسنگ ۽ فراخ لائن اسپيسنگ سان، گهاٽي ٽيڪسٽ سان ڪارڊ پڙهڻ لائق بڻائي ٿو. انٽرفيس فليٽ، فريم لیس، ۽ گول آهي: ڪارڊن ۽ ڪنٽرولن تي 12-3 ريڊي، گول گول جي شڪل وارا بٽڻ، ۽ نرم، پرت وارا پاڇا صرف سرچ بار جهڙن اهم عنصرن لاءِ. باقي سڀ ڪجهه - ڪارڊ، لسٽ شيون، لنڪس - ڪروم ايڪسينٽ جي بدران اڇي جڳهه ۽ فائن لائينن تي ڀاڙي ٿو.
هڪ مڪمل ويڪر وارو لي آئوٽ جنهن ۾ ڪا به مقرر وڌ ۾ وڌ ويڪر جي حد ناهي - مواد ڏسڻ واري علائقي اندر ڪنڊ کان ڪنڊ تائين پکڙيل آهي، ڊيسڪ ٽاپ تي هر پاسي تقريباً 40px افقي پيڊنگ سان. هيرو هڪ سچل سرچ ڪيپسول آهي، جيڪو هڪ غير جانبدار سفيد ڪينواس تي مرڪز آهي جنهن ۾ ڪا به تصوير يا عنوان ناهي - سرچ بار هيرو آهي. ڳولا جي هيٺان، صفحو عمودي طور تي اسٽيڪ ٿيل، افقي طور تي اسڪرولنگ حصن ۾ منتقل ٿئي ٿو (چار قطارون نظر اچن ٿيون: نمايان گهر، عظيم هوٽلون، ٻيو شهر، ايندڙ مهيني دستياب)، هر هڪ تقريباً 320px ڊگهو، 48px عمودي گٽر سان الڳ ٿيل. هر سيڪشن افقي اوور فلو ۽ تير نيويگيشن سان 7-ڪارڊ گرڊ استعمال ڪري ٿو. فوٽر #f7f7f7 پس منظر تي لنڪس جو 3-ڪالمن گرڊ آهي، جنهن کان پوءِ ڪاپي رائيٽ جي معلومات، ٻولي/ڪرنسي آپشنز، ۽ سوشل ميڊيا آئڪن سان گڏ هيٺيون بار آهي. نيويگيشن هڪ مقرر ٿيل مٿي بار آهي جنهن ۾ مرڪز ٽيب نيويگيشن ۽ ساڄي طرف ترتيب ڏنل ڪنٽرول آهن.
فوٽوگرافي بصري نظام تي حاوي آهي، ريئل اسٽيٽ لسٽنگ جون مڪمل اسڪرين تصويرون بنيادي مواد جي قسم طور ڪم ڪن ٿيون. سڀئي تصويرون حقيقي گهرن ۽ هوٽلن جا گرم، سٺي روشني وارا اندروني ۽ ٻاهرين شاٽ آهن، قدرتي رنگ جي اصلاح سان پروسيس ٿيل آهن (وڏي فلٽر يا ڊيوٽون کان سواءِ). ڪارڊن جي لسٽنگ لاءِ تصويرون 1:1 اسپيڪٽ ريشو سان مضبوطيءَ سان ڪٽيون ويون آهن، ڪارڊ جي ڪنڊ کي بغير رت جي ڀرڻ جي. انٽرفيس ۾ آئڪن ۾ هڪ مونوڪروم آئوٽ لائن (لائن ويٽ ~16-16) آهي، جيڪو نيويگيشن ڪيٽيگريز ۽ UI ڪنٽرولز لاءِ گهٽ استعمال ڪيو ويندو آهي. لوگو واحد ملٽي رنگ گرافڪ عنصر (Rausch) آهي. ڪابه تصوير، ڪو به 3D رينڊرز، ڪو به خلاصو گرافڪس نه - بصري ٻولي خالص فوٽوگرافي ۽ نرم سفيد ڪينواس تي گهٽ ۾ گهٽ مونوڪروم آئڪنوگرافي آهي.
پيليٽ
برانڊ
- Rausch
#ff385c— ڳاڙهو رنگ آئڪن، نشانين، ۽ ننڍڙن گرافڪ تفصيلن لاءِ آرائشي تلفظ طور استعمال ڪيو ويندو آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي. - Rausch 600
#e00b41— هوور/فعال سطحن تي برانڊ ايڪسنٽ طور استعمال ٿيندڙ سطحن لاءِ راؤش پينٽ جو هڪ دٻايل ۽ ڳاڙهو نسخو.
غير جانبدار
- Hof
#222222— باڊي ڪاپي، مکيه متن، عنوان، آئڪن آئوٽ لائن، ۽ الٽي ٿيل پس منظر ڪارو جي ويجهو هڪ غير جانبدار رنگ آهي، جيڪو پوري اڪروميٽڪس سسٽم جي بنياد طور ڪم ڪري ٿو. - Foggy
#6a6a6a— ثانوي متن، خاموش ڪيپشن، معاون متن، غير فعال آئڪن فل، ۽ ڪارڊ عنوانن هيٺان مخفي ميٽا ڊيٽا. - Grey 500
#c1c1c1— غير فعال ٽيڪسٽ، ان پٽ فيلڊز ۾ پلیس هولڊر ٽيڪسٽ، ۽ خاموش آئڪن آئوٽ لائنون جتي اسٽيٽس تي زور گهٽائڻ جي ضرورت آهي. - Bebe
#ebebeb— پتليون سرحدون، هيٺئين لڪير وارا ان پٽ فيلڊ، لسٽ لائينن جي وچ ۾ جدا ڪندڙ، ۽ نفيس ورهائيندڙ لائينون. - Deco
#dddddd— غير فعال ڪنٽينرز، پلیس هولڊرز، ۽ غير فعال ڪارڊ اسٽيٽس لاءِ ڪارڊ پس منظر جون تصويرون. - Faint
#f7f7f7— صفحي جي ڪينواس جي پس منظر واري تصوير، فوٽر جي مٿاڇري، ۽ انٽرايڪٽو عنصرن لاءِ هور اسٽيٽ هڪ نرم، ڪريمي رنگ آهي جيڪو هن صفحي کي خالص اڇي ڪارڊن کان ڌار ڪري ٿو.
ٽائپوگرافي
11 کان 28 پکسلز تائين · 5 مرحلا
- Airbnb Cereal VF — متبادل: Circular · خاڪا 400, 500, 600, 700 · Airbnb لاءِ ٺهيل هڪ ڪسٽم جيوميٽرڪ sans-serif فونٽ. باڊي ٽيڪسٽ 14px/400 تي، UI ليبل 16px/500 تي، سيڪشن هيڊنگ 20px/600 تي، 22px/500 تي -0.02em جي تنگ اکرن جي فاصلي سان، ۽ صفحي جي هيڊنگ 28px/700 تي رکيل آهي. وڌندڙ سائيز سان منفي اکرن جي فاصلي ۾ گهٽتائي ايندي آهي، وڏي اسڪرين سائيز تي جيوميٽرڪ sans-serif فونٽس جي هڪ خاصيت. "نمڪ" متبادل گليف خصوصيت کي فعال ڪري ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 12px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | نرم پاڇا |
| حصن جي وچ ۾ | 48px |
| صفحي جي ويڪر | 1440px |
AI توهان جي ويب سائيٽ Airbnb انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Apple (España) — اڇو گيلري ڊسپلي ڪيس
- Silencio — هڪ اڇو ڪمرو جنهن ۾ ترندڙ شيون رکيل آهن. گرم ڪاغذ مان ٺهيل هڪ گيلري ڊسپلي، جتي هر عنصر منفي حجم جي پس منظر ۾ پنهنجي جاءِ وٺندو آهي، ۽ خاموشي هڪ ارادي ڊيزائن جو فيصلو آهي.
- Oakâme — گرم پٿر مان ٺهيل هڪ سج سان ڀريل پروونسل ورڪشاپ
- Nike — راندين جي ڪاميابين جي هڪ مونوڪروم گيلري - اڇيون ڀتيون، پراڊڪٽ آرٽ جي ڪم جي طور تي، پس منظر ۾ ڦهليل ڪروم.
- Arc — اڌ رات جي پاڻي مٿان صنعتي اڇي گيلري
- Rivian — گيلري جي ڪنڪريٽ جي ڀت تي هڪ برقي مونولٿ. ريوين هر گاڏي کي هڪ وسيع اڇي جاءِ جي خلاف هڪ مجسمي جي طور تي پيش ڪري ٿو، ٽائيپوگرافي ايتري وڏي آهي جو اها هڪ آرڪيٽيڪچرل عنصر بڻجي ٿي، ۽ هڪ گرم پيلو رنگ جيڪو مونوڪروميٽڪ ماحول کي ٽوڙي ٿو، جيئن ميٽ سطح تي سج جي روشني.
- Analogue — ڪارو گيلري ڊسپلي ڪيس - سامان خالي ۾ لڙڪندو آهي
- ddna — علاج نه ٿيل ڪپڙي تي گرم ميوزيم ڊسپلي ڪيس
- Zellerfeld — اڇي سنگ مرمر تي هڪ مجسمه ساز جو ورڪشاپ - پيادل جي هڪجهڙائي واري سطح، ڪوبالٽ جي هڪ چمڪ، فرش کان ڇت تائين ننڍن اکرن جو هڪ سرگوشي.
- UY Studio — خانقاه جي پٿر جي گيلري ڪنڪريٽ جي ڀتين سان هڪ خاموش جاءِ آهي، جتي عطر جون بوتلون اڇي تختين تي بيٺيون آهن، جيڪي هڪ 400 واٽ جي ليمپ ۽ چار گرم گرين بلب سان روشن ٿيل آهن.
- Basic.Space — اڇي سنگ مرمر تي ٺهيل ڪيوريٽوريل گيلري
- COS — سفيد ڀتين سان هڪ جديد گيلري