Airbnb
ഒറ്റ പവിഴപ്പുറ്റിന്റെ ചുവന്ന ബുക്ക്മാർക്കുള്ള ശാന്തമായ വെളുത്ത ഗാലറി മതിൽ.
Airbnb ഒരു "വൈറ്റ് ക്യാൻവാസ്" ശൈലിയിലാണ് പ്രവർത്തിക്കുന്നത്, അവിടെ ഫോട്ടോഗ്രാഫി പരമപ്രധാനമാണ്: മിക്കവാറും എല്ലാ സ്ക്രീനുകളും ഒരു നിശബ്ദ മോണോക്രോം ഫ്രെയിമാണ്, ഇത് പ്രോപ്പർട്ടികളുടെ പൂർണ്ണ-സ്ക്രീൻ ഇമേജുകൾ മൊത്തത്തിലുള്ള മതിപ്പ് അറിയിക്കാൻ അനുവദിക്കുന്നു, ഒരൊറ്റ, സമ്പന്നമായ പവിഴ-ചുവപ്പ് ആക്സന്റ് (റൗഷ്) പ്രവർത്തനത്തെ സൂചിപ്പിക്കുന്ന ഏക വർണ്ണ സൂചനയായി ഉപയോഗിക്കുന്നു. ടൈപ്പ്ഫേസ് ഒരു ജ്യാമിതീയ സാൻസ്-സെരിഫ് (Airbnb സീരിയൽ VF) ആണ് - ബോഡി ടെക്സ്റ്റ്, ഇന്റർഫേസ്, സെക്ഷൻ ഹെഡിംഗുകൾ (22-22) എന്നിവയ്ക്കായി - കൂടുതലും ചെറുതും ആത്മവിശ്വാസമുള്ളതുമായ വലുപ്പങ്ങൾ - ഇറുകിയ നെഗറ്റീവ് ലൈൻ സ്പെയ്സിംഗും ഉദാരമായ ലൈൻ സ്പെയ്സിംഗും ഉള്ളതിനാൽ, ഇടതൂർന്ന വാചകമുള്ള കാർഡുകൾ വായിക്കാൻ കഴിയുന്നതാണ്. ഇന്റർഫേസ് പരന്നതും ഫ്രെയിംലെസ്സും വൃത്താകൃതിയിലുള്ളതുമാണ്: കാർഡുകളിലും നിയന്ത്രണങ്ങളിലും 12-3 ആരങ്ങൾ, വൃത്താകൃതിയിലുള്ള ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ, തിരയൽ ബാർ പോലുള്ള പ്രമുഖ ഘടകങ്ങൾക്ക് മാത്രം മൃദുവായ, പാളികളുള്ള ഷാഡോകൾ. മറ്റെല്ലാം - കാർഡുകൾ, ലിസ്റ്റ് ഇനങ്ങൾ, ലിങ്കുകൾ - ക്രോം ആക്സന്റുകളേക്കാൾ വെളുത്ത ഇടത്തെയും നേർത്ത വരകളെയും ആശ്രയിച്ചിരിക്കുന്നു.
ഒരു നിശ്ചിത പരമാവധി വീതി പരിധിയില്ലാത്ത ഒരു പൂർണ്ണ വീതി ലേഔട്ട്—ഡെസ്ക്ടോപ്പിൽ ഓരോ വശത്തും ഏകദേശം 40px തിരശ്ചീന പാഡിംഗ് ഉള്ള, കാണാവുന്ന ഏരിയയിൽ ഉള്ളടക്കം എഡ്ജ് മുതൽ എഡ്ജ് വരെ നീളുന്നു. ചിത്രമോ ശീർഷകമോ ഇല്ലാത്ത ഒരു ന്യൂട്രൽ വൈറ്റ് ക്യാൻവാസിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്ന ഒരു ഫ്ലോട്ടിംഗ് സെർച്ച് ക്യാപ്സ്യൂളാണ് ഹീറോ—തിരയൽ ബാർ ആണ് ഹീറോ. തിരയലിന് താഴെ, പേജ് ലംബമായി അടുക്കിയതും തിരശ്ചീനമായി സ്ക്രോൾ ചെയ്യുന്നതുമായ വിഭാഗങ്ങളായി മാറുന്നു (നാല് വരികൾ ദൃശ്യമാണ്: ഫീച്ചർ ചെയ്ത ഹോംസ്, ഗ്രേറ്റ് ഹോട്ടലുകൾ, മറ്റ് നഗരം, അടുത്ത മാസം ലഭ്യമാണ്), ഓരോന്നിനും ഏകദേശം 320px ഉയരമുണ്ട്, 48px ലംബ ഗട്ടറുകളാൽ വേർതിരിച്ചിരിക്കുന്നു. ഓരോ വിഭാഗവും തിരശ്ചീന ഓവർഫ്ലോയും അമ്പടയാള നാവിഗേഷനും ഉള്ള ഒരു 7-കാർഡ് ഗ്രിഡ് ഉപയോഗിക്കുന്നു. അടിക്കുറിപ്പ് #f7f7f7 പശ്ചാത്തലത്തിലുള്ള ലിങ്കുകളുടെ 3-കോളം ഗ്രിഡാണ്, തുടർന്ന് പകർപ്പവകാശ വിവരങ്ങൾ, ഭാഷ/കറൻസി ഓപ്ഷനുകൾ, സോഷ്യൽ മീഡിയ ഐക്കണുകൾ എന്നിവയുള്ള ഒരു താഴത്തെ ബാർ. നാവിഗേഷൻ കേന്ദ്രീകൃത ടാബ് നാവിഗേഷനും വലതുവശത്ത് വിന്യസിച്ച നിയന്ത്രണങ്ങളുമുള്ള ഒരു സ്ഥിരമായ ടോപ്പ് ബാറാണ്.
ദൃശ്യ സംവിധാനത്തിൽ ഫോട്ടോഗ്രാഫി ആധിപത്യം പുലർത്തുന്നു, പ്രാഥമിക ഉള്ളടക്ക തരമായി പ്രവർത്തിക്കുന്ന റിയൽ എസ്റ്റേറ്റ് ലിസ്റ്റിംഗുകളുടെ പൂർണ്ണ സ്ക്രീൻ ചിത്രങ്ങൾ. എല്ലാ ഫോട്ടോകളും യഥാർത്ഥ വീടുകളുടെയും ഹോട്ടലുകളുടെയും ഊഷ്മളവും നല്ല വെളിച്ചമുള്ളതുമായ ഇന്റീരിയർ, എക്സ്റ്റീരിയർ ഷോട്ടുകളാണ്, സ്വാഭാവിക വർണ്ണ തിരുത്തൽ ഉപയോഗിച്ച് പ്രോസസ്സ് ചെയ്തിരിക്കുന്നു (കനത്ത ഫിൽട്ടറുകളോ ഡ്യുവോടോണുകളോ ഇല്ലാതെ). കാർഡുകൾ ലിസ്റ്റുചെയ്യുന്നതിനായി ചിത്രങ്ങൾ 1:1 വീക്ഷണാനുപാതത്തിൽ കർശനമായി ക്രോപ്പ് ചെയ്തിരിക്കുന്നു, ബ്ലീഡുകൾ ഇല്ലാതെ കാർഡിന്റെ അറ്റം നിറയ്ക്കുന്നു. ഇന്റർഫേസിലുടനീളമുള്ള ഐക്കണുകൾക്ക് ഒരു മോണോക്രോം ഔട്ട്ലൈൻ (ലൈൻ വെയ്റ്റ് ~16–16) ഉണ്ട്, ഇത് നാവിഗേഷൻ വിഭാഗങ്ങൾക്കും UI നിയന്ത്രണങ്ങൾക്കും വളരെ കുറച്ച് മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ. ലോഗോ മാത്രമാണ് മൾട്ടികളർ ഗ്രാഫിക് ഘടകം (റൗഷ്). ചിത്രീകരണങ്ങളില്ല, 3D റെൻഡറുകളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല - ദൃശ്യ ഭാഷ ശുദ്ധമായ ഫോട്ടോഗ്രാഫിയും മൃദുവായ വെളുത്ത ക്യാൻവാസിൽ മിനിമലിസ്റ്റ് മോണോക്രോം ഐക്കണോഗ്രഫിയുമാണ്.
പാലറ്റ്
ബ്രാൻഡ്
- 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-ലും സ്ഥാപിച്ചിരിക്കുന്നു. വലുപ്പം കൂടുന്നതിനനുസരിച്ച് നെഗറ്റീവ് ലെറ്റർ സ്പെയ്സിംഗ് കുറയുന്നു, വലിയ സ്ക്രീൻ വലുപ്പങ്ങളിൽ ജ്യാമിതീയ സാൻസ്-സെരിഫ് ഫോണ്ടുകളുടെ ഒരു സവിശേഷത. "salt" ആൾട്ടർനേറ്റ് ഗ്ലിഫ് സവിശേഷത പ്രവർത്തനക്ഷമമാക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 12px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 12px |
| ഷാഡോകൾ | മൃദുവായ നിഴലുകൾ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 48px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Airbnb ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Apple (España) — വെളുത്ത ഗാലറി ഡിസ്പ്ലേ കേസ്
- Silencio — പൊങ്ങിക്കിടക്കുന്ന കലാസൃഷ്ടികളുള്ള ഒരു വെളുത്ത മുറി. ചൂടുള്ള കടലാസ് കൊണ്ട് നിർമ്മിച്ച ഒരു ഗാലറി ഡിസ്പ്ലേ, നെഗറ്റീവ് വോളിയത്തിന്റെ പശ്ചാത്തലത്തിൽ ഓരോ ഘടകവും അതിന്റേതായ സ്ഥാനം പിടിക്കുന്നു, നിശബ്ദത മനഃപൂർവ്വം രൂപകൽപ്പന ചെയ്ത ഒരു തീരുമാനമാണ്.
- Oakâme — ചൂടുള്ള കല്ലിൽ കൊത്തിയെടുത്ത സൂര്യപ്രകാശം നിറഞ്ഞ ഒരു പ്രോവെൻസൽ വർക്ക്ഷോപ്പ്
- Nike — കായിക നേട്ടങ്ങളുടെ ഒരു മോണോക്രോം ഗാലറി - വെളുത്ത ചുവരുകൾ, ഒരു കലാസൃഷ്ടി എന്ന നിലയിൽ ഉൽപ്പന്നം, പശ്ചാത്തലത്തിൽ അലിഞ്ഞുചേർന്ന ക്രോം.
- Arc — അർദ്ധരാത്രി വെള്ളത്തിന് മുകളിലുള്ള വ്യാവസായിക വെളുത്ത ഗാലറി
- Rivian — ഗാലറിയുടെ കോൺക്രീറ്റ് ഭിത്തിയിൽ ഒരു ഇലക്ട്രിക് മോണോലിത്ത്. വിശാലമായ വെളുത്ത സ്ഥലത്തിന് നേരെയുള്ള ഒരു ശിൽപമായിട്ടാണ് റിവിയൻ ഓരോ വാഹനത്തെയും അവതരിപ്പിക്കുന്നത്, വളരെ വലിയ ടൈപ്പോഗ്രാഫി ഒരു വാസ്തുവിദ്യാ ഘടകമായി മാറുന്നു, കൂടാതെ ഒരു മാറ്റ് പ്രതലത്തിൽ സൂര്യപ്രകാശം പോലെ മോണോക്രോമാറ്റിക് അന്തരീക്ഷത്തെ തകർക്കുന്ന ഒരു ചൂടുള്ള മഞ്ഞയും.
- Analogue — ബ്ലാക്ക് ഗാലറി ഡിസ്പ്ലേ കേസ് - സാധനങ്ങൾ ശൂന്യതയിൽ ചുറ്റിത്തിരിയുന്നു
- ddna — സംസ്കരിക്കാത്ത ലിനനിൽ നിർമ്മിച്ച ചൂടുള്ള മ്യൂസിയം പ്രദർശന കേസ്
- Zellerfeld — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച ഒരു ശില്പിയുടെ പണിപ്പുര - പീഠത്തിന്റെ ഏകശിലാ പ്രതലങ്ങൾ, കൊബാൾട്ടിന്റെ ഒരു തീപ്പൊരി, തറ മുതൽ മേൽക്കൂര വരെ ചെറിയ അക്ഷരങ്ങളുടെ ഒരു മർമ്മരം.
- UY Studio — കോൺക്രീറ്റ് ഭിത്തികളുള്ള ശാന്തമായ ഒരു സ്ഥലമാണ് ആശ്രമത്തിലെ ശിലാ ഗാലറി. വെളുത്ത തൂണുകളിൽ സുഗന്ധദ്രവ്യ കുപ്പികൾ വച്ചിരിക്കുന്നു. 400 വാട്ട് വിളക്കും നാല് ചൂടുള്ള ചാരനിറത്തിലുള്ള ബൾബുകളും അവിടെ പ്രകാശിപ്പിക്കുന്നു.
- Basic.Space — വെളുത്ത മാർബിളിലെ ക്യൂറേറ്റോറിയൽ ഗാലറി
- COS — വെളുത്ത ചുവരുകളുള്ള ഒരു ട്രെൻഡി ഗാലറി