Airbnb

एका शांत पांढऱ्या गॅलरीच्या भिंतीवर एकच प्रवाळ लाल रंगाचे बुकमार्क.

एअरबीएनबी "व्हाइट कॅनव्हास" शैलीत काम करते, जिथे फोटोग्राफीला सर्वोच्च स्थान आहे: जवळजवळ प्रत्येक स्क्रीन एक शांत मोनोक्रोम फ्रेम आहे, ज्यामुळे प्रॉपर्टीच्या पूर्ण-स्क्रीन प्रतिमा एकूण छाप देतात, आणि कृती दर्शवणारा एकमेव रंग म्हणून एकच, गडद प्रवाळ-लाल रंगाचा (Rausch) वापर केला जातो. मुख्य मजकूर, इंटरफेस आणि विभागांच्या शीर्षकांसाठी (22-22) वापरलेला फॉन्ट भौमितिक सॅन्स-सेरिफ (Airbnb Cereal VF) आहे—जो मुख्यतः लहान आणि आत्मविश्वासपूर्ण आकारांचा आहे—त्यात कमी निगेटिव्ह लाइन स्पेसिंग आणि भरपूर लाइन स्पेसिंग आहे, ज्यामुळे दाट मजकूर असलेली कार्डे वाचनीय होतात. इंटरफेस सपाट, फ्रेमलेस आणि गोलाकार आहे: कार्डे आणि कंट्रोल्सवर 12-3 त्रिज्या, गोल गोळीच्या आकाराची बटणे आणि केवळ सर्च बारसारख्या प्रमुख घटकांसाठी मऊ, स्तरित सावल्या वापरल्या आहेत. बाकी सर्व काही—कार्डे, सूचीतील घटक, लिंक्स—क्रोम ॲक्सेंटऐवजी मोकळी जागा आणि बारीक रेषांवर अवलंबून आहे.

पूर्ण-रुंदीचा लेआउट, ज्याला कमाल रुंदीची कोणतीही निश्चित मर्यादा नाही—दृश्यमान क्षेत्रात मजकूर काठापासून काठापर्यंत पसरलेला असतो, आणि डेस्कटॉपवर प्रत्येक बाजूला अंदाजे ४०px चे आडवे पॅडिंग असते. हिरो एक तरंगता शोध कॅप्सूल आहे, जो कोणत्याही चित्राशिवाय किंवा शीर्षकाशिवाय एका तटस्थ पांढऱ्या कॅनव्हासवर मध्यभागी ठेवलेला आहे—सर्च बार हाच हिरो आहे. सर्चच्या खाली, पृष्ठ उभ्या रचलेल्या आणि आडव्या स्क्रोलिंग विभागांमध्ये बदलते (चार ओळी दिसतात: वैशिष्ट्यपूर्ण घरे, उत्तम हॉटेल्स, इतर शहर, पुढील महिन्यात उपलब्ध), प्रत्येक विभाग अंदाजे ३२०px उंच असून, त्यांच्यामध्ये ४८px चे उभे गटर आहेत. प्रत्येक विभागात आडव्या ओव्हरफ्लो आणि बाण नेव्हिगेशनसह ७-कार्ड ग्रिड वापरला आहे. फुटर हा #f7f7f7 पार्श्वभूमीवरील लिंक्सचा ३-कॉलम ग्रिड आहे, ज्यानंतर कॉपीराइट माहिती, भाषा/चलन पर्याय आणि सोशल मीडिया आयकॉन्स असलेली एक बॉटम बार आहे. नेव्हिगेशन ही एक स्थिर टॉप बार असून, त्यात मध्यभागी टॅब नेव्हिगेशन आणि उजवीकडे संरेखित नियंत्रणे आहेत.

व्हिज्युअल सिस्टीममध्ये फोटोग्राफीचे वर्चस्व आहे, ज्यात रिअल इस्टेट लिस्टिंगच्या पूर्ण-स्क्रीन प्रतिमा हा मुख्य कंटेंट प्रकार आहे. सर्व फोटो हे खऱ्या घरांचे आणि हॉटेल्सचे उबदार, चांगल्या प्रकाशात घेतलेले आतील आणि बाहेरील शॉट्स आहेत, ज्यांवर नैसर्गिक कलर करेक्शनसह (जड फिल्टर्स किंवा ड्युओटोन्सशिवाय) प्रक्रिया केली आहे. लिस्टिंग कार्ड्ससाठी प्रतिमा १:१ आस्पेक्ट रेशिओमध्ये घट्टपणे क्रॉप केल्या आहेत, ज्यामुळे कार्डची कडा बाहेरच्या बाजूला न जाता पूर्णपणे भरते. संपूर्ण इंटरफेसमधील आयकॉन्सना मोनोक्रोम आउटलाइन (लाइन वेट ~१६-१६) आहे, ज्याचा वापर नेव्हिगेशन कॅटेगरी आणि UI कंट्रोल्ससाठी क्वचितच केला जातो. लोगो हा एकमेव बहुरंगी ग्राफिक घटक आहे (राउश). कोणतीही इलस्ट्रेशन्स नाहीत, कोणतेही ३डी रेंडर्स नाहीत, कोणतेही ॲबस्ट्रॅक्ट ग्राफिक्स नाहीत—व्हिज्युअल लँग्वेज ही शुद्ध फोटोग्राफी आणि एका सौम्य पांढऱ्या कॅनव्हासवरील मिनिमलिस्ट मोनोक्रोम आयकॉनोग्राफी आहे.

ऑनलाइन स्टोअर किमानवाद मोनोक्रोम प्रीमियम

https://www.airbnb.com

पॅलेट

ब्रँड

Rausch #ff385c — लाल रंगाचा वापर आयकॉन्स, चिन्हे आणि लहान ग्राफिक तपशिलांसाठी सजावटीचा घटक म्हणून केला जातो. कृतीसाठीच्या आवाहनांकरिता (calls to action) तो मुख्य रंग म्हणून वापरला जाऊ नये.
Rausch 600 #e00b41 — होव्हर/ॲक्टिव्ह पृष्ठभागांवर ब्रँड ॲक्सेंट म्हणून वापरण्यासाठी राऊश पेंटची एक दाबून तयार केलेली आणि गडद आवृत्ती.

तटस्थ

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

टायपोग्राफी

११ ते २८ पिक्सेल · ५ टप्पे

Airbnb Cereal VF — बदली: Circular · रूपरेषा 400, 500, 600, 700 · एअरबीएनबीसाठी डिझाइन केलेला एक कस्टम जिओमेट्रिक सॅन्स-सेरिफ फॉन्ट. मुख्य मजकूर 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 — मठातील दगडी दालन ही काँक्रीटच्या भिंती असलेली एक शांत जागा आहे, जिथे एका ४००-वॉटच्या दिव्याने आणि चार उबदार राखाडी बल्बच्या प्रकाशात पांढऱ्या चौथऱ्यांवर अत्तराच्या बाटल्या ठेवलेल्या आहेत.
Basic.Space — पांढऱ्या संगमरवरावरील क्युरेटोरियल गॅलरी
COS — पांढऱ्या भिंती असलेली एक आकर्षक गॅलरी