Zellerfeld
വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച ഒരു ശില്പിയുടെ പണിപ്പുര - പീഠത്തിന്റെ ഏകശിലാ പ്രതലങ്ങൾ, കൊബാൾട്ടിന്റെ ഒരു തീപ്പൊരി, തറ മുതൽ മേൽക്കൂര വരെ ചെറിയ അക്ഷരങ്ങളുടെ ഒരു മർമ്മരം.
വെളുത്ത മാർബിളിലെ ഡിജിറ്റൽ ശിൽപികളുടെ ഒരു ഗാലറി പോലെയാണ് സെല്ലർഫെൽഡിനെ തോന്നുന്നത് - 3D-പ്രിന്റഡ് ഷൂസിനുള്ള ഒരു വിപണി, അവിടെ മോണോക്രോം പ്രതലങ്ങൾ, സമൃദ്ധമായ വെളുത്ത ഇടം, വലിയ, ചെറിയക്ഷര ടൈപ്പ്ഫേസുകൾ എന്നിവ ഓരോ ഉൽപ്പന്നത്തെയും ഒരു മ്യൂസിയം പ്രദർശനം പോലെ പ്രവർത്തിക്കാൻ അനുവദിക്കുന്നു. ഇന്റർഫേസ് വളരെ നിയന്ത്രിതമാണ്: അടിയന്തര നിമിഷങ്ങൾക്കായി നീക്കിവച്ചിരിക്കുന്ന ഒറ്റ ഇലക്ട്രിക് കോബാൾട്ട് നിറമുള്ള (#000aff) ഒരു അക്രോമാറ്റിക് ക്യാൻവാസ് - ഐക്കണുകൾ, സജീവമായ "ഷോപ്പ്" നാവിഗേഷൻ, നിലവിലെ സ്ലൈഡ് സ്റ്റാറ്റസ്. ശുദ്ധമായ വെള്ളയ്ക്ക് പകരം, ചൂടുള്ള മുത്ത് ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിൽ കാർഡുകൾ പൊങ്ങിക്കിടക്കുന്നു, ഇത് ഗ്രിഡിന് സ്പർശനാത്മകമായ പ്ലാസ്റ്റർ കാസ്റ്റ് നൽകുന്നു. ടൈപ്പ്ഫേസ് ഇടുങ്ങിയ അക്ഷര വിടവുള്ള ഒരൊറ്റ കസ്റ്റം സാൻസ്-സെരിഫ് (റൂബർട്ട്) ആയി തുടരുന്നു, കൂടാതെ സ്പേസ് മോണോ വിലനിർണ്ണയം, ഉൽപ്പന്ന ലിസ്റ്റിംഗുകൾ, സാങ്കേതിക മെറ്റാഡാറ്റ എന്നിവയ്ക്ക് മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ. തൽഫലമായി, ഉൽപ്പന്ന പേജ് ഒരു റീട്ടെയിൽ ചെക്ക്ഔട്ടിനേക്കാൾ ഒരു ഡിസൈൻ പ്രസ് സൈറ്റ് പോലെയാണ് തോന്നുന്നത് - വസ്തുക്കൾ ഫോട്ടോയെടുക്കുന്നു, വിൽക്കുന്നില്ല.
പേജിന്റെ മുഴുവൻ വീതിയിലും വ്യാപിച്ചുകിടക്കുന്ന ഈ പേജിൽ 1440px ഉള്ളടക്ക സ്ട്രിപ്പ് ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. ഫ്ലോട്ടിംഗ് UI ഓവർലേ ഉള്ള ഒരു പൂർണ്ണ സ്ക്രീൻ ഫോട്ടോ ബാനറാണ് പ്രധാന ഘടകം. ഉൽപ്പന്ന വിഭാഗങ്ങൾ 4-കോളം ഗ്രിഡ് ഉപയോഗിക്കുന്നു, ടാബ്ലെറ്റുകളിൽ 2 ഉം മൊബൈൽ ഉപകരണങ്ങളിൽ 1 ഉം ആയി ചുരുങ്ങുന്നു. വിഭാഗ താളം ഇതാണ്: വലിയ ഉൽപ്പന്ന വിവരണം → എഡിറ്റോറിയൽ റേറ്റിംഗ് ഗ്രിഡ് → പുതിയ റിലീസുകൾ ഗ്രിഡ് → പ്രസ്സ് കോൺടാക്റ്റ് വിവര പാനൽ. ഓരോ ഉൽപ്പന്ന വിഭാഗവും അതിന്റെ ഉള്ളടക്കം സ്ട്രിപ്പിനുള്ളിൽ കേന്ദ്രീകരിക്കുകയും വിഭാഗങ്ങൾക്കിടയിൽ 80px ലംബ ഇടം ഉപയോഗിക്കുകയും ചെയ്യുന്നു. നാവിഗേഷൻ ഒരു വരിയിലെ ഒരു നിശ്ചിത മുകളിലെ ബാറാണ്, അതിന് മുകളിൽ ഒരു നേർത്ത പരസ്യ സ്ട്രിപ്പ് ഉണ്ട്. ഉൽപ്പന്ന കാർഡുകൾ ഒരു കർശനമായ ഗ്രിഡിലേക്ക് വിന്യസിച്ചിരിക്കുന്നു - ഇമേജ് ഏരിയ എല്ലായ്പ്പോഴും ഷൂ സിലൗറ്റിൽ 40px മുകളിൽ/താഴെ പാഡിംഗ് ഉപയോഗിച്ച് കേന്ദ്രീകരിക്കുന്നു, കൂടാതെ മെറ്റാഡാറ്റ ക്ലസ്റ്റർ 40x40 ബ്രാൻഡ് ലോഗോ ഉപയോഗിച്ച് താഴെ ഇടത് കോണിലേക്ക് നങ്കൂരമിട്ടിരിക്കുന്നു.
ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യ ഘടകം - ഓരോ ഷൂവും ശുദ്ധമായ വെള്ള അല്ലെങ്കിൽ പ്ലാസ്റ്റർ പ്രതലത്തിൽ മുക്കാൽ കോണിൽ ഫോട്ടോ എടുക്കുന്നു, യാതൊരു സന്ദർഭമോ മോഡലോ ചുറ്റുപാടുകളോ ഇല്ലാതെ മുഴുവൻ കാർഡും നിറയ്ക്കുന്നു. പ്രധാന ഘടകം ഒരു പൂർണ്ണമായ ജീവിതശൈലി ഫോട്ടോഗ്രാഫാണ്: മണലിലോ കോൺക്രീറ്റിലോ ഉള്ള കാലുകളുടെയും ഷൂസിന്റെയും ക്രോപ്പ് ചെയ്ത ഷോട്ടുകൾ, എല്ലായ്പ്പോഴും മനുഷ്യ സ്കെയിലിൽ, ഒരിക്കലും പൂർണ്ണമായി സ്റ്റുഡിയോ-നിലവാരത്തിൽ. "വിഷയമാണ് പ്രധാന ഘടകം" എന്ന തത്വം ബാധകമാണ് - പ്രധാന എഡിറ്റോറിയൽ ഘടകത്തിൽ പോലും ഫ്രെയിമിന്റെ ദൃശ്യമായ സ്ഥലത്തിന്റെ 40% ഷൂസ് ഉൾക്കൊള്ളുന്നു. അലങ്കാര ഗ്രാഫിക് ഘടകങ്ങളോ അമൂർത്ത പാറ്റേണുകളോ ചിത്രീകരണങ്ങളോ ഉപയോഗിക്കുന്നില്ല. ഐക്കണുകൾ രേഖീയമാണ്, കറുപ്പിൽ ഔട്ട്ലൈൻ ചെയ്തിരിക്കുന്നു, ഒരിക്കലും പൂരിപ്പിക്കുന്നില്ല, ഒരിക്കലും നിറയ്ക്കുന്നില്ല.
പാലറ്റ്
ബ്രാൻഡ്
- Electric Cobalt
#000aff— പുതിയ ഐക്കണുകൾ, സജീവ നാവിഗേഷൻ ബാർ, നിലവിലെ സ്ലൈഡ് ഇൻഡിക്കേറ്റർ, സജീവമാക്കൽ നിമിഷങ്ങൾ - സിസ്റ്റത്തിലെ ഒരേയൊരു ക്രോമാറ്റിക് സൂചന, അലങ്കാരമായിട്ടല്ല, സജീവമാക്കലായി കാണപ്പെടുന്നതിനായി മിതമായി ഉപയോഗിക്കുന്നു.
നിഷ്പക്ഷം
- Pale Iris
#e5e7ff— ബാഡ്ജുകൾക്ക് പുതിയ കളർ ഫിൽ, സോഫ്റ്റ് ഹൈലൈറ്റ്, ലേബലിംഗ് ഓപ്ഷനുകൾക്കായി ടിന്റഡ് പ്രതലം - മോണോക്രോം പാലറ്റിനെ തടസ്സപ്പെടുത്താതെ നിറത്തെക്കുറിച്ച് സൂചന നൽകുന്ന മ്യൂട്ടഡ് കോബാൾട്ട് ഷേഡ്. - Ink Black
#111111— ബോഡി ടെക്സ്റ്റ്, ഡിഫോൾട്ട് ബോർഡറുകൾ, ഐക്കൺ ഔട്ട്ലൈനുകൾ, നേർത്ത ഡിവൈഡറുകൾ - തലക്കെട്ടുകൾ, ലിസ്റ്റുകൾ, ലിങ്കുകൾ എന്നിവയ്ക്കുള്ള പ്രധാന ഘടനാപരമായ നിറം. - Pure White
#ffffff— നിറം സൂക്ഷ്മമായി നിലനിൽക്കുന്നിടത്ത് ന്യൂട്രൽ ഫോം സ്റ്റേറ്റുകൾ, ഐക്കൺ ടെക്സ്റ്റ്, ഡിസ്ക്രീറ്റ് UI ഫീഡ്ബാക്ക് എന്നിവ ഉപയോഗിക്കണം. കോൾ ടു ആക്ഷൻ സമയത്ത് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കുന്നത് ഒഴിവാക്കുക. - Plaster
#ecedee— ഉൽപ്പന്ന കാർഡുകൾക്കുള്ള ദ്വിതീയ പ്രതലം, നാവിഗേഷൻ ബാർ പശ്ചാത്തലം, ക്യാൻവാസിന് മുകളിൽ മിനുസമാർന്ന ഉയർന്ന ലെവൽ. - Slate
#a1a4aa— കാർഡ് ഫ്രെയിം ഷേഡ്, ന്യൂട്രൽ ബട്ടൺ ഫിൽ, മ്യൂട്ട് ചെയ്ത ബട്ടൺ ബോർഡർ എന്നിവ ചാരനിറത്തിലാണ് നിർമ്മിച്ചിരിക്കുന്നത്, അവ കാർഡിന്റെ അരികുകൾ ഇരുണ്ടതാക്കാതെ ഹൈലൈറ്റ് ചെയ്യുന്നു. - Fog
#d7d7d7— ലൈറ്റ് കാർഡ് ഫ്രെയിം, വിഭജിക്കുന്ന രേഖകൾ, നിഷ്ക്രിയ പ്രതലത്തിന്റെ നിറം മാറ്റൽ.
ടൈപ്പോഗ്രാഫി
13 മുതൽ 128px വരെ · 7 ചുവടുകൾ
- Roobert — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500, 600, 700 · ബോഡി കോപ്പി മുതൽ ഹെഡ്ലൈനുകൾ വരെ എല്ലാത്തിനും പ്രാഥമിക ബ്രാൻഡ് ഫോണ്ട് ഉപയോഗിക്കുന്നു. എല്ലാ വലുപ്പങ്ങളിലും ലൈൻ സ്പെയ്സിംഗ് സ്ഥിരതയുള്ളതാണ്, ഇത് ലോഗോയുടെ ചെറിയ അക്ഷരങ്ങൾക്ക് സാന്ദ്രമായ, ശിൽപപരമായ പിണ്ഡം നൽകാൻ അനുവദിക്കുന്നു. സന്ദർഭത്തിനനുസരിച്ച് ഫോണ്ട് ഭാരം വർദ്ധിക്കുന്നു: ബോഡി കോപ്പിക്കും UI-ക്കും 400, ഹൈലൈറ്റ് ചെയ്ത ഹെഡിംഗുകൾക്ക് 500, ഉൽപ്പന്ന നാമങ്ങൾക്ക് 600, വലിയ ശീർഷകങ്ങൾക്ക് 700.
- Space Mono — മാറ്റിസ്ഥാപിക്കൽ: JetBrains Mono · രൂപരേഖകൾ 400, 600 · പേജ് ഒരു പ്രൊമോഷണൽ ടെക്സ്റ്റായി കാണുന്നതിനുപകരം ഒരു സാങ്കേതിക സ്പെസിഫിക്കേഷനായി കാണേണ്ടയിടത്ത്, സാങ്കേതിക മെറ്റാഡാറ്റ - വിലകൾ (€189.00), മികച്ച 10 സ്ഥാനങ്ങൾക്കുള്ള സംഖ്യാ മൂല്യങ്ങൾ, ടിക്കർ ചിഹ്നങ്ങൾ, സ്റ്റോർ നാമങ്ങൾ എന്നിവ ചേർത്തിട്ടുണ്ട്.
- Arial — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · ഏരിയൽ - വേർതിരിച്ചെടുത്ത ഡാറ്റയിൽ കാണപ്പെടുന്നു, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 16px |
| ബട്ടൺ ആരം | 10px |
| കാർഡ് ആരം | 10px |
| ഷാഡോകൾ | ഏറ്റവും കുറഞ്ഞ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 80px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Zellerfeld ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Airbnb — ഒറ്റ പവിഴപ്പുറ്റിന്റെ ചുവന്ന ബുക്ക്മാർക്കുള്ള ശാന്തമായ വെളുത്ത ഗാലറി മതിൽ.
- Apple (España) — വെളുത്ത ഗാലറി ഡിസ്പ്ലേ കേസ്
- Silencio — പൊങ്ങിക്കിടക്കുന്ന കലാസൃഷ്ടികളുള്ള ഒരു വെളുത്ത മുറി. ചൂടുള്ള കടലാസ് കൊണ്ട് നിർമ്മിച്ച ഒരു ഗാലറി ഡിസ്പ്ലേ, നെഗറ്റീവ് വോളിയത്തിന്റെ പശ്ചാത്തലത്തിൽ ഓരോ ഘടകവും അതിന്റേതായ സ്ഥാനം പിടിക്കുന്നു, നിശബ്ദത മനഃപൂർവ്വം രൂപകൽപ്പന ചെയ്ത ഒരു തീരുമാനമാണ്.
- Oakâme — ചൂടുള്ള കല്ലിൽ കൊത്തിയെടുത്ത സൂര്യപ്രകാശം നിറഞ്ഞ ഒരു പ്രോവെൻസൽ വർക്ക്ഷോപ്പ്
- Nike — കായിക നേട്ടങ്ങളുടെ ഒരു മോണോക്രോം ഗാലറി - വെളുത്ത ചുവരുകൾ, ഒരു കലാസൃഷ്ടി എന്ന നിലയിൽ ഉൽപ്പന്നം, പശ്ചാത്തലത്തിൽ അലിഞ്ഞുചേർന്ന ക്രോം.
- Arc — അർദ്ധരാത്രി വെള്ളത്തിന് മുകളിലുള്ള വ്യാവസായിക വെളുത്ത ഗാലറി
- Rivian — ഗാലറിയുടെ കോൺക്രീറ്റ് ഭിത്തിയിൽ ഒരു ഇലക്ട്രിക് മോണോലിത്ത്. വിശാലമായ വെളുത്ത സ്ഥലത്തിന് നേരെയുള്ള ഒരു ശിൽപമായിട്ടാണ് റിവിയൻ ഓരോ വാഹനത്തെയും അവതരിപ്പിക്കുന്നത്, വളരെ വലിയ ടൈപ്പോഗ്രാഫി ഒരു വാസ്തുവിദ്യാ ഘടകമായി മാറുന്നു, കൂടാതെ ഒരു മാറ്റ് പ്രതലത്തിൽ സൂര്യപ്രകാശം പോലെ മോണോക്രോമാറ്റിക് അന്തരീക്ഷത്തെ തകർക്കുന്ന ഒരു ചൂടുള്ള മഞ്ഞയും.
- Analogue — ബ്ലാക്ക് ഗാലറി ഡിസ്പ്ലേ കേസ് - സാധനങ്ങൾ ശൂന്യതയിൽ ചുറ്റിത്തിരിയുന്നു
- ddna — സംസ്കരിക്കാത്ത ലിനനിൽ നിർമ്മിച്ച ചൂടുള്ള മ്യൂസിയം പ്രദർശന കേസ്
- UY Studio — കോൺക്രീറ്റ് ഭിത്തികളുള്ള ശാന്തമായ ഒരു സ്ഥലമാണ് ആശ്രമത്തിലെ ശിലാ ഗാലറി. വെളുത്ത തൂണുകളിൽ സുഗന്ധദ്രവ്യ കുപ്പികൾ വച്ചിരിക്കുന്നു. 400 വാട്ട് വിളക്കും നാല് ചൂടുള്ള ചാരനിറത്തിലുള്ള ബൾബുകളും അവിടെ പ്രകാശിപ്പിക്കുന്നു.
- Basic.Space — വെളുത്ത മാർബിളിലെ ക്യൂറേറ്റോറിയൽ ഗാലറി
- COS — വെളുത്ത ചുവരുകളുള്ള ഒരു ട്രെൻഡി ഗാലറി