ടെലിഗ്രാം, WhatsApp  +380637610482
വലേരി ഡാൻയുക്ക്
വലേരി ഡാൻയുക്ക്ഡെവലപ്പർബിസിനസുകൾക്കായി AI ഉപകരണങ്ങൾ വികസിപ്പിക്കൽ. ഉയർന്ന നിലവാരം. താങ്ങാനാവുന്ന വില.Telegram-ൽ എഴുതുക
Bang & Olufsen — ഈ ശൈലിയിലുള്ള ഒരു സൈറ്റിന്റെ പ്രിവ്യൂ

Bang & Olufsen

പോർസലൈൻ കൊണ്ട് നിർമ്മിച്ച സ്കാൻഡിനേവിയൻ ഗാലറി. B&O പേജ് ഇരുണ്ടതായിരിക്കുമ്പോൾ, ഒരു അർദ്ധരാത്രിയിലെ ആൽക്കോവിലെ ഒരു ശിൽപം പോലെ ആ കഷണം പ്രകാശപൂരിതമാകും; അത് പ്രകാശപൂരിതമാകുമ്പോൾ, ആ കഷണം വെളുത്ത പട്ടിൽ പൊങ്ങിക്കിടക്കുന്നതായി തോന്നും, മറ്റൊന്നും ശ്രദ്ധ തിരിക്കില്ല.

ബാങ് & ഒലുഫ്‌സെൻ ഒരു ഗാലറി-മ്യൂസിയം തത്വത്തിലാണ് പ്രവർത്തിക്കുന്നത്: വെളുത്ത നിറത്തിലുള്ള പോർസലൈൻ ക്യാൻവാസുകളിൽ ഉൽപ്പന്നങ്ങൾ ശിൽപ വസ്തുക്കൾ പോലെ പൊങ്ങിക്കിടക്കുന്നു, സ്‌ക്രീനിന്റെ മുഴുവൻ വീതിയിലും വ്യാപിച്ചുകിടക്കുന്ന ഇടയ്ക്കിടെയുള്ള ക്രോമാറ്റിക് ഇൻസേർട്ടുകൾ തടസ്സപ്പെടുത്തുന്നു - മുഴുവൻ സ്‌ക്രീനിനെയും ആഗിരണം ചെയ്യുന്ന ഒരു ആഴത്തിലുള്ള അൾട്രാമറൈൻ വയലറ്റ്, ചിലപ്പോൾ സമ്പന്നമായ ടെറാക്കോട്ട ചുവപ്പ് - വൈകാരിക ഉച്ചാരണങ്ങൾക്കായി. ടൈപ്പോഗ്രാഫി സ്വയം സംസാരിക്കുന്ന ഒരു ഒറ്റ, ഇഷ്ടാനുസൃതമായി രൂപകൽപ്പന ചെയ്ത നിയോ-ഗ്രോട്ടസ്‌ക് ടൈപ്പ്ഫേസ് (BeoSupreme) ആണ്: വലിയ സ്‌ക്രീനുകളിൽ വളരെ ശ്രദ്ധേയമല്ല, മൈക്രോ-ലേബലുകളിൽ ഉദാരമായി വലിയ അക്ഷരങ്ങൾ നിറച്ചിരിക്കുന്നു, മറ്റ് ടൈപ്പ്ഫേസുകൾ ആവശ്യമില്ല. ഘടകങ്ങൾ ഏറ്റവും കുറഞ്ഞതായി ചുരുക്കിയിരിക്കുന്നു: അർദ്ധസുതാര്യമായ ഗുളിക ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ, നേർത്ത ബോർഡറുകൾ, അലങ്കാര നിഴലുകൾ ഇല്ല, ഗ്രേഡിയന്റ് ബട്ടണുകൾ ഇല്ല, ഐക്കണുകൾ ഇല്ല. ഗ്രിഡ് ഉദാരമാണ്, നെഗറ്റീവ് സ്‌പേസ് ഒരു ആഡംബരമാണ്. ഓരോ ഉൽപ്പന്നത്തിനും അതിന്റേതായ ഫ്ലോട്ടിംഗ് പ്ലിന്ത് നൽകിയിരിക്കുന്നു; ചുറ്റുമുള്ള വെള്ള ഇടമാണ്. നിറം ഒരു വിലയേറിയ മെറ്റീരിയൽ പോലെ വിതരണം ചെയ്യപ്പെടുന്നു - അത് ദൃശ്യമാകുമ്പോൾ, അത് മുഴുവൻ ഫ്രെയിമും ഉൾക്കൊള്ളുന്നു.

1440px പരമാവധി വീതിയുള്ള കണ്ടെയ്‌നർ മധ്യഭാഗത്തായി സ്ഥാപിച്ചിരിക്കുന്നു, അരികുകളിൽ 25px തിരശ്ചീന മാർജിനുകളുമുണ്ട്. ഹീറോ എലമെന്റ് പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു (കണ്ടെയ്‌നർ തകർക്കുന്നു), അൾട്രാമറൈൻ ക്യാമറ അരികിൽ നിന്ന് അരികിലേക്ക് നീളുന്നു. ഉൽപ്പന്ന ഗ്രിഡുകൾ 25px വിടവുകളുള്ള 4-5 നിരകളിൽ തുല്യമായി നിരത്തിയിരിക്കുന്നു, മൊബൈൽ ഉപകരണങ്ങളിൽ തിരശ്ചീനമായി സ്ക്രോൾ ചെയ്യുന്നു. വെളുത്ത പശ്ചാത്തലത്തിനും പൂർണ്ണ വീതിയുള്ള നിറമുള്ള ക്യാമറകൾക്കും ഇടയിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു - താളം ഇപ്രകാരമാണ്: വെളുത്ത ഉൽപ്പന്ന ഗ്രിഡ് → അൾട്രാമറൈൻ ഹീറോ എലമെന്റ് → വെളുത്ത ഉൽപ്പന്ന ഗ്രിഡ് → സമ്പന്നമായ ചുവപ്പ് എഡിറ്റോറിയൽ ബാനർ → വെളുത്ത ഉൽപ്പന്ന ഗ്രിഡ് → അൾട്രാമറൈൻ അടിക്കുറിപ്പ്. വെള്ളയും നിറമുള്ളതുമായ വിഭാഗങ്ങൾക്ക് മുകളിൽ പൊങ്ങിക്കിടക്കുന്ന ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ് നാവിഗേഷൻ (ഇരുണ്ട പശ്ചാത്തലത്തിൽ വാചകം വെള്ളയിലേക്ക് വിപരീതമാക്കിയിരിക്കുന്നു). പേജ് "ശ്വസിക്കുന്നു" - വിഭാഗങ്ങൾക്കിടയിലുള്ള വിടവുകൾ 60-80px ആണ്, വ്യക്തിഗത ഉൽപ്പന്നങ്ങൾക്ക് സെല്ലുകൾക്കുള്ളിൽ അവരുടേതായ ഇടമുണ്ട്, കൂടാതെ വിവര സാന്ദ്രതയുമില്ല.

ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫി മാത്രമാണ് ദൃശ്യ ഘടകം: ജീവിതശൈലി ചിത്രങ്ങളോ മോഡലുകളോ പരിസ്ഥിതി പശ്ചാത്തലമോ ഇല്ല. മാറ്റ് അലുമിനിയം, ലെതർ ടെക്സ്ചർ, ആനോഡൈസ്ഡ് ചെമ്പ്, മാറ്റ് സിലിക്കൺ എന്നീ വസ്തുക്കളെ എടുത്തുകാണിക്കുന്ന നിയന്ത്രിത സ്റ്റുഡിയോ ലൈറ്റിംഗ് ഉപയോഗിച്ച് പൂർണ്ണമായും നിഷ്പക്ഷ പശ്ചാത്തലങ്ങളിൽ (വെള്ള, കറുപ്പ്, ഗ്രേഡിയന്റ് കടും നീല) ഉൽപ്പന്നങ്ങൾ ചിത്രീകരിച്ചിരിക്കുന്നു. ക്രോപ്പിംഗ് ഇറുകിയതും കേന്ദ്രീകൃതവുമാണ്, കൂടാതെ പ്രധാന വിഷയത്തിന് പ്രാധാന്യം നൽകിയിട്ടുണ്ട്. വർണ്ണ പുനർനിർമ്മാണം നിശബ്ദമാക്കിയിരിക്കുന്നു, മെറ്റീരിയലിന് അനുയോജ്യമാണ്: ചെമ്പ് "സുവർണ്ണ മണിക്കൂർ" ആയിട്ടല്ല, ചെമ്പായിട്ടാണ് കാണപ്പെടുന്നത്. നാടകീയ എഡിറ്റോറിയൽ നിമിഷങ്ങൾക്കായി സമ്പന്നമായ, മോണോക്രോമാറ്റിക് തലങ്ങൾ (അൾട്രാമറൈൻ, ടെറാക്കോട്ട ചുവപ്പ്)ക്കെതിരായ സ്പാർസ്, പൂർണ്ണ സ്ക്രീൻ ഉൽപ്പന്ന സിലൗട്ടുകൾ ദ്വിതീയ ദൃശ്യ രൂപങ്ങളിൽ ഉൾപ്പെടുന്നു. ഐക്കണോഗ്രഫി: നേർത്ത 1px ലൈൻ, വെള്ളയിൽ മോണോക്രോം കറുപ്പ് അല്ലെങ്കിൽ ഇരുണ്ട നിറത്തിൽ വെള്ള, ജ്യാമിതീയ, ഫിൽ ഇല്ല, മൾട്ടികളർ ഇല്ല.

പാലറ്റ്

ബ്രാൻഡ്

  • Ultramarine Velvet #060daa — പേജുകളുടെ മുകളിലും താഴെയുമായി പശ്ചാത്തല ചിത്രങ്ങൾ, പേജിന്റെ മുഴുവൻ വീതിയിലും വ്യാപിച്ചുകിടക്കുന്ന നാടകീയ ഭാഗങ്ങൾ, ഫൂട്ടർ ഫില്ലുകൾ - മുഴുവൻ ഫ്രെയിമുകളെയും ഉൾക്കൊള്ളാനും ഒരൊറ്റ ഉൽപ്പന്നത്തിന് നാടകീയമായ ഒരു അനുഭവം നൽകാനും ഉപയോഗിക്കുന്ന സമ്പന്നമായ, മിക്കവാറും കറുപ്പ്-നീല-വയലറ്റ് നിറം.

നിഷ്പക്ഷം

  • Porcelain Canvas #ffffff — പേജ് പശ്ചാത്തല ചിത്രങ്ങൾ, ഉൽപ്പന്ന കാർഡ് ഡിസൈൻ, നാവിഗേഷൻ ബാറുകൾ എന്നിവയാണ് ഓരോ ഉൽപ്പന്നവും നിർമ്മിക്കപ്പെടുന്നതിന്റെ അടിസ്ഥാന അടിത്തറ.
  • Bone #fcfaee — ഊഷ്മളമായ ന്യൂട്രൽ ടോൺഡ് ബ്ലോക്കുകൾക്കുള്ള ഒരു ദ്വിതീയ പ്രതലം, ഇരുണ്ട പശ്ചാത്തലത്തിൽ ബട്ടൺ ടെക്സ്റ്റ്, വെളുത്ത നിറം അണുവിമുക്തമാണെന്ന് തോന്നുമ്പോൾ ഒരു ബദൽ ക്യാൻവാസ്.
  • Obsidian #191817 — പ്രധാന വാചകവും ഉൽപ്പന്ന വിവരണ വാചകവും ചൂടുള്ളതും മിക്കവാറും കറുത്തതുമായ നിറമാണ്, വെളുത്ത പശ്ചാത്തലത്തിൽ ശുദ്ധമായ #000000 നേക്കാൾ മൃദുവായി കാണപ്പെടുന്നു.
  • Pure Ink #000000 — ഐക്കൺ ഔട്ട്‌ലൈനുകൾ, മൈക്രോടാഗുകൾ, സൂക്ഷ്മമായ ബോർഡറുകൾ, ഏറ്റവും മൂർച്ചയുള്ള ടെക്സ്റ്റ് കോൺട്രാസ്റ്റുകൾ.
  • Graphite #555555 — ദ്വിതീയ വാചകം, മെറ്റാഡാറ്റ, വില ടാഗുകൾ, നിശബ്ദ സഹായ വാചകം
  • Mist #e5e5e5 — നേർത്ത ഇൻപുട്ട് ഡാറ്റ അതിരുകളും സിസ്റ്റത്തിലെ ഏക ഘടനാപരമായ വിഭജനവും.

ടൈപ്പോഗ്രാഫി

12 മുതൽ 36px വരെ · 5 ചുവടുകൾ

  • BeoSupreme — മാറ്റിസ്ഥാപിക്കൽ: Neue Haas Grotesk Display Pro (closest) · രൂപരേഖകൾ 400, 500, 700 · മുഴുവൻ ബ്രാൻഡ് ഐഡന്റിറ്റിയും പ്രതിഫലിപ്പിക്കുന്ന ഒരു ഒറ്റ ഫോണ്ട്. ശീർഷകങ്ങൾക്കും തലക്കെട്ടുകൾക്കും: 500–700 ഭാരം, ആത്മവിശ്വാസമുള്ളതും സംക്ഷിപ്തവുമായ തലക്കെട്ടുകൾക്ക് ഇടുങ്ങിയ അക്ഷര വിടവുള്ള (-0.056em → -0.014em) 24–36px. ബോഡി കോപ്പിക്കും UI-ക്കും: 400 ഭാരം, 14–16px, സാധാരണ അക്ഷര വിടവ്, ലൈൻ വിടവ് 1.5–1.7. മൈക്രോലേബലുകൾ (നാവിഗേഷൻ, ഐക്കണുകൾ, "1925-ൽ സ്ഥാപിതമായത്" എന്ന മുദ്രാവാക്യം): 500 ഭാരം, 9–12px, +0.143em വരെ വീതിയുള്ള അക്ഷര വിടവ്, തടസ്സമില്ലാത്ത വാസ്തുവിദ്യാ വ്യാഖ്യാനങ്ങളായി ഉപയോഗിക്കുന്നതിന് എല്ലാ വലിയക്ഷരങ്ങളിലും പ്രദർശിപ്പിച്ചിരിക്കുന്നു. മത്സരിക്കുന്ന മറ്റൊരു ഫോണ്ടും ഇല്ല.
  • object-fit: cover; object-position: center; — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · object-fit: കവർ; object-position: center; - എക്സ്ട്രാക്റ്റ് ചെയ്ത ഡാറ്റയിൽ കണ്ടെത്തി, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.

ഇടവേളകളും രൂപവും

ഉദ്ദേശ്യംഅർത്ഥം
സാന്ദ്രതഇടതൂർന്ന
അടിസ്ഥാന ഘട്ടം8-16px
ബട്ടൺ ആരം40px
കാർഡ് ആരം0px
ഷാഡോകൾഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല
വിഭാഗങ്ങൾക്കിടയിൽ60-80px
പേജ് വീതി1440px

AI നിങ്ങളുടെ വെബ്‌സൈറ്റ് Bang & Olufsen ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.

  • Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
  • നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
  • മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
  • തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്‌വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.

സമാനമായ ശൈലികൾ

  • Structured — പ്ലാസ്റ്റിൻ പോലുള്ള കടലാസിൽ നവോത്ഥാന ഗാലറി
  • Apple (España) — നേരിയ പകൽ വെളിച്ചത്തിൽ, മ്യൂസിയം ഗാലറി ആകർഷകവും ഭാരമില്ലാത്തതുമായ ഒരു വെളുത്ത ഇടമാണ്, ഓരോ പ്രദർശനവും നേരിയ നിറം മങ്ങിയ ചുവരിന് നേരെ സ്പോട്ട്ലൈറ്റ് കൊണ്ട് പ്രകാശിക്കുന്നു.
  • Apple (España) — ഒബ്സിഡിയൻ ഗാലറി ഷോകേസ് ഒരു ഇരുണ്ട പ്രദർശന ഹാളാണ്, അവിടെ ഒരു ടൈറ്റാനിയം വസ്തു കറുത്ത പശ്ചാത്തലത്തിൽ തിളങ്ങുന്നു.
  • 099 SUPPLY — കറുപ്പും വെളുപ്പും നിറമുള്ള വസ്തുക്കൾ നിറഞ്ഞ ഒരു ഗാലറി മതിൽ
  • Custo — മോണോലിത്തിക് ഫോണ്ടുള്ള ഗൺമെറ്റൽ നിറമുള്ള ഗാലറി. മ്യൂട്ട് ചെയ്ത ചാര-പച്ച ടോണുകളിൽ ഒരു ഷോറൂം, അവിടെ ഒരു ഇരുണ്ട വസ്തുവും 57px ഫോണ്ടും സ്വയം സംസാരിക്കുന്നു.
  • Apple (España) — ഉച്ചയ്ക്ക് വൈറ്റ് മ്യൂസിയം ഗാലറി
  • VITURE — മിഡ്‌നൈറ്റ് ഗ്ലാസിന് പിന്നിലെ ഒരു നിയോൺ ഉൽപ്പന്ന അവതരണം - ഒരു ഇരുണ്ട ഷോറൂം, അവിടെ ഒരു ഓറഞ്ച് ബീം ഇരുട്ടിലൂടെ കടന്നുപോകുന്നു, അത് ഒരു സ്റ്റാൻഡിലെ ഒരു ജോഡി ഗ്ലാസുകളെ പ്രകാശിപ്പിക്കുന്നു.
  • HNST Studio — തുരുമ്പ് പുരണ്ട ലിനൻ തുണിത്തരങ്ങൾ കൊണ്ട് നിർമ്മിച്ച ഒരു സുഖപ്രദമായ സ്റ്റുഡിയോ, ക്രീമും കരിക്കോളും കലർന്ന സന്യാസി ഇന്റീരിയറിനെ ചുട്ടുപൊള്ളിക്കുന്ന ഓറഞ്ചിന്റെ ഒരു പ്രത്യേക ആക്സന്റ് ചൂടാക്കുന്ന ഒരു മന്ദഗതിയിലുള്ള ഫാഷൻ ഗാലറിയാണ്.
  • OFFFICE : — മോണോലിത്തിക് ഫോണ്ടിൽ മുഴുകിയ ഒരു നോയർ ഗാലറി
  • ARTU — വെള്ളക്കടലാസിൽ നിർമ്മിച്ച ഗാലറി ഭിത്തി. ARTU കാഴ്ചാ സ്ഥലത്തെ ഒരു മ്യൂസിയം സ്‌പ്രെഡ് പോലെയാണ് കാണുന്നത് - വലിയ തോതിലുള്ള ഉൽപ്പന്ന ഫോട്ടോകൾ, സൂക്ഷ്മമായ അടയാളങ്ങൾ, അടിയിൽ ഒരു കുമ്മായം പുരട്ടിയാൽ രചന പൂർത്തിയാക്കാം.
  • Specht Studio — വിവേകപൂർണ്ണമായ കൗതുകം നിറഞ്ഞ ഒരു ഗാലറി മതിൽ. സ്റ്റുഡിയോയുടെ സ്വന്തം ക്രോം ഫിനിഷ് വെളുത്ത പ്രതലവും കറുത്ത അക്ഷരങ്ങളുമാണ്; ദൃശ്യ വെടിക്കെട്ട് പൂർണ്ണമായും പ്രോജക്റ്റിന്റെ ടൈൽ വർക്കിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്നു.
  • MindMarket — ക്രീം പേപ്പറിൽ ഒരു സുഖകരമായ യക്ഷിക്കഥ പുസ്തകം - സൂര്യപ്രകാശം കൊണ്ട് നനഞ്ഞ, സ്റ്റിക്കർ പോലെ മൃദുവായ പ്രതലത്തിൽ വലിയ ഇന്റർ തലക്കെട്ടുകളും കട്ട്-ഔട്ട് പേപ്പർ കഥാപാത്രങ്ങളും ഒരുമിച്ച് കാണപ്പെടുന്ന സൗഹൃദപരമായ എഡിറ്റോറിയൽ ക്യാൻവാസ്.