Airbnb

एक शांत सफेद गैलरी की दीवार जिस पर एक मूंगा लाल रंग का बुकमार्क लगा है।

Airbnb एक "सफेद कैनवास" शैली में काम करता है, जहाँ फोटोग्राफी का बोलबाला है: लगभग हर स्क्रीन एक शांत मोनोक्रोम फ्रेम है, जिससे प्रॉपर्टी की फुल-स्क्रीन इमेज समग्र प्रभाव को व्यक्त करती हैं, और केवल एक आकर्षक मूंगा-लाल रंग (रॉश) गतिविधि को दर्शाने के लिए इस्तेमाल किया जाता है। फॉन्ट ज्योमेट्रिक सैन्स-सेरिफ़ (Airbnb Cereal VF) है—मुख्य टेक्स्ट, इंटरफ़ेस और सेक्शन हेडिंग (22-22) के लिए ज्यादातर छोटे, आत्मविश्वासपूर्ण आकार का—जिसमें कम और ज़्यादा लाइन स्पेसिंग है, जिससे घने टेक्स्ट वाले कार्ड आसानी से पढ़े जा सकते हैं। इंटरफ़ेस सपाट, फ्रेमलेस और गोल है: कार्ड और कंट्रोल्स पर 12-3 रेडियस, गोल पिल-शेप बटन, और सर्च बार जैसे प्रमुख तत्वों के लिए ही सॉफ्ट, लेयर्ड शैडो का इस्तेमाल किया गया है। बाकी सब कुछ—कार्ड, लिस्ट आइटम, लिंक—क्रोम एक्सेंट के बजाय व्हाइट स्पेस और बारीक लाइनों पर निर्भर करता है।

बिना किसी निश्चित अधिकतम चौड़ाई सीमा के पूर्ण-चौड़ाई लेआउट—कंटेंट दृश्य क्षेत्र के भीतर किनारे से किनारे तक फैला हुआ है, डेस्कटॉप पर प्रत्येक तरफ लगभग 40px का क्षैतिज पैडिंग है। हीरो एक फ्लोटिंग सर्च कैप्सूल है, जो बिना किसी छवि या शीर्षक के एक तटस्थ सफेद कैनवास पर केंद्रित है—सर्च बार ही हीरो है। सर्च के नीचे, पृष्ठ लंबवत रूप से स्टैक किए गए, क्षैतिज रूप से स्क्रॉल करने योग्य अनुभागों में परिवर्तित होता है (चार पंक्तियाँ दिखाई देती हैं: विशेष घर, शानदार होटल, अन्य शहर, अगले महीने उपलब्ध), प्रत्येक लगभग 320px लंबा है, जो 48px के ऊर्ध्वाधर गटर द्वारा अलग किया गया है। प्रत्येक अनुभाग क्षैतिज ओवरफ्लो और तीर नेविगेशन के साथ 7-कार्ड ग्रिड का उपयोग करता है। फ़ूटर #f7f7f7 पृष्ठभूमि पर लिंक का 3-कॉलम ग्रिड है, जिसके बाद कॉपीराइट जानकारी, भाषा/मुद्रा विकल्प और सोशल मीडिया आइकन के साथ एक निचला बार है। नेविगेशन एक स्थिर शीर्ष बार है जिसमें केंद्रित टैब नेविगेशन और दाईं ओर संरेखित नियंत्रण हैं।

दृश्य प्रणाली में फोटोग्राफी का प्रभुत्व है, जिसमें रियल एस्टेट लिस्टिंग की फुल-स्क्रीन छवियां मुख्य सामग्री के रूप में मौजूद हैं। सभी तस्वीरें वास्तविक घरों और होटलों के गर्म, अच्छी रोशनी वाले आंतरिक और बाहरी दृश्य हैं, जिन्हें प्राकृतिक रंग सुधार (बिना किसी भारी फिल्टर या डुओटोन के) के साथ संसाधित किया गया है। लिस्टिंग कार्ड के लिए छवियों को 1:1 आस्पेक्ट रेशियो में बारीकी से क्रॉप किया गया है, जिससे कार्ड के किनारे बिना किसी फैलाव के भर जाते हैं। पूरे इंटरफ़ेस में आइकनों की मोनोक्रोम आउटलाइन (लाइन वेट ~16–16) है, जिनका उपयोग नेविगेशन श्रेणियों और UI नियंत्रणों के लिए सीमित रूप से किया गया है। लोगो एकमात्र बहुरंगी ग्राफिक तत्व है (रॉश)। कोई चित्र नहीं, कोई 3D रेंडर नहीं, कोई अमूर्त ग्राफिक्स नहीं—दृश्य भाषा शुद्ध फोटोग्राफी और एक सौम्य सफेद कैनवास पर न्यूनतम मोनोक्रोम आइकनोग्राफी है।

ऑनलाइन स्टोर अतिसूक्ष्मवाद एक रंग का अधिमूल्य

https://www.airbnb.com

पैलेट

ब्रांड

Rausch #ff385c — लाल रंग का उपयोग आइकनों, संकेतों और छोटे ग्राफिक विवरणों के लिए सजावटी रंग के रूप में किया जाता है। इसे कॉल टू एक्शन के लिए प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए।
Rausch 600 #e00b41 — राउश पेंट का एक गाढ़ा और दबा हुआ संस्करण, जिसका उपयोग होवर/सक्रिय सतहों पर ब्रांड एक्सेंट के रूप में किया जाता है।

तटस्थ

Hof #222222 — बॉडी टेक्स्ट, मुख्य टेक्स्ट, हेडिंग, आइकन आउटलाइन और इनवर्टेड बैकग्राउंड काले रंग के करीब एक न्यूट्रल रंग के हैं, जो संपूर्ण अक्रोमैटिक सिस्टम का आधार बनता है।
Foggy #6a6a6a — द्वितीयक पाठ, म्यूट किए गए कैप्शन, सहायक पाठ, अक्षम आइकन फिल और कार्ड शीर्षकों के नीचे विवेकपूर्ण मेटाडेटा।
Grey 500 #c1c1c1 — जहां स्थिति पर कम जोर देने की आवश्यकता हो, वहां अक्षम टेक्स्ट, इनपुट फ़ील्ड में प्लेसहोल्डर टेक्स्ट और म्यूट किए गए आइकन आउटलाइन का उपयोग किया जाता है।
Bebe #ebebeb — पतली बॉर्डर, रेखांकित इनपुट फ़ील्ड, सूची की पंक्तियों के बीच विभाजक और सूक्ष्म विभाजन रेखाएँ।
Deco #dddddd — निष्क्रिय कंटेनरों, प्लेसहोल्डरों और अक्षम कार्ड स्थितियों के लिए कार्ड पृष्ठभूमि छवियां।
Faint #f7f7f7 — पेज कैनवास की पृष्ठभूमि छवि, फुटर सतह और इंटरैक्टिव तत्वों के लिए होवर स्थिति एक नरम, मलाईदार रंग की है जो इस पेज को शुद्ध सफेद कार्डों से अलग करती है।

टाइपोग्राफी

11 से 28px तक · 5 चरण

Airbnb Cereal VF — प्रतिस्थापन: Circular · रूपरेखा 400, 500, 600, 700 · Airbnb के लिए डिज़ाइन किया गया एक कस्टम ज्योमेट्रिक सैन्स-सेरिफ़ फ़ॉन्ट। बॉडी टेक्स्ट 14px/400 पिक्सेल, UI लेबल 16px/500 पिक्सेल, सेक्शन हेडिंग 20px/600 पिक्सेल और 22px/500 पिक्सेल (0.02em की तंग लेटर स्पेसिंग के साथ) तथा पेज हेडिंग 28px/700 पिक्सेल पर स्थित हैं। बड़े स्क्रीन साइज़ पर ज्योमेट्रिक सैन्स-सेरिफ़ फ़ॉन्ट की एक विशेषता के रूप में, नेगेटिव लेटर स्पेसिंग साइज़ बढ़ने के साथ घटती जाती है। यह "सॉल्ट" वैकल्पिक ग्लिफ़ फ़ीचर को सक्षम करता है।

अंतराल और रूप

उद्देश्य	अर्थ
घनत्व	घना
बुनियादी कदम	12px
बटन त्रिज्या	9999px
कार्ड त्रिज्या	12px
छैया छैया	कोमल छायाएँ
अनुभागों के बीच	48px
पृष्ठ की चौड़ाई	1440px

एआई आपकी वेबसाइट को Airbnb शैली में बनाएगा और उसमें डेटा भरेगा।

इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।

इस शैली में एक वेबसाइट बनाएं

समान शैलियाँ

Apple (España) — सफेद गैलरी डिस्प्ले केस
Silencio — तैरती हुई कलाकृतियों से सजा एक सफेद कमरा। गर्म कागज से बना एक गैलरी डिस्प्ले, जहां प्रत्येक तत्व खालीपन की पृष्ठभूमि में अपनी जगह लेता है, और खामोशी एक जानबूझकर लिया गया डिजाइन निर्णय है।
Oakâme — धूप से सराबोर प्रोवेंसल कार्यशाला, गर्म पत्थर से तराशी गई।
Nike — खेल उपलब्धियों की एक मोनोक्रोम गैलरी – सफेद दीवारें, कलाकृति के रूप में उत्पाद, पृष्ठभूमि में घुला हुआ क्रोम
Arc — आधी रात के पानी के ऊपर औद्योगिक सफेद गैलरी
Rivian — गैलरी की कंक्रीट की दीवार पर एक विद्युतीय विशालकाय संरचना। रिवियन प्रत्येक वाहन को एक विशाल सफेद स्थान के समक्ष एक मूर्ति के रूप में प्रस्तुत करते हैं, जिसमें टाइपोग्राफी इतनी बड़ी है कि वह एक वास्तुशिल्पीय तत्व बन जाती है, और एक गर्म पीला रंग एकरस वातावरण को तोड़ता है, जैसे किसी मैट सतह पर सूर्य की रोशनी।
Analogue — काले रंग का गैलरी डिस्प्ले केस – सामान हवा में तैर रहा है
ddna — बिना उपचारित लिनन पर बना गर्म संग्रहालय डिस्प्ले केस
Zellerfeld — सफेद संगमरमर पर बनी एक मूर्तिकार की कार्यशाला—चबूतरे की अखंड सतहें, कोबाल्ट की एक अकेली चमक, फर्श से छत तक फैले छोटे अक्षरों की हल्की सी आभा।
UY Studio — मठ की पत्थर की गैलरी कंक्रीट की दीवारों वाला एक शांत स्थान है, जहां सफेद चबूतरे पर इत्र की बोतलें रखी हैं, जो एक 400 वाट के लैंप और चार गर्म भूरे रंग के बल्बों से रोशन हैं।
Basic.Space — सफेद संगमरमर पर क्यूरेटोरियल गैलरी
COS — सफेद दीवारों वाली एक ट्रेंडी गैलरी