
Nike
കായിക നേട്ടങ്ങളുടെ ഒരു മോണോക്രോം ഗാലറി - വെളുത്ത ചുവരുകൾ, ഒരു കലാസൃഷ്ടി എന്ന നിലയിൽ ഉൽപ്പന്നം, പശ്ചാത്തലത്തിൽ അലിഞ്ഞുചേർന്ന ക്രോം.
Nike.com ഒരു മോണോക്രോം, ഉൽപ്പന്ന-ആദ്യ ഗാലറിയായി പ്രവർത്തിക്കുന്നു: ഉപയോക്തൃ ഇന്റർഫേസ് ഫലത്തിൽ അദൃശ്യമാണ്, ഉൽപ്പന്ന ഫോട്ടോകൾ എല്ലാ സ്ക്രീനിലും ഉൾക്കൊള്ളാൻ അനുവദിക്കുന്നു. മുഴുവൻ ഇന്റർഫേസും കറുപ്പ്, വെള്ള, ചാരനിറത്തിലുള്ള മൂന്ന് ഷേഡുകൾ എന്നിവയിൽ നിന്നാണ് നിർമ്മിച്ചിരിക്കുന്നത് - ആക്സന്റ് നിറങ്ങളില്ല, അലങ്കാര ഗ്രേഡിയന്റുകളില്ല, ഊഷ്മളമായ സിഗ്നേച്ചർ ക്രോം ഇല്ല. നൈക്കിന്റെ സിഗ്നേച്ചർ ശൈലി ഗാലറി ലോഗോയിലും ഫോട്ടോകളിലും വസിക്കുന്നു, പക്ഷേ ഒരിക്കലും ഉപയോക്തൃ ഇന്റർഫേസിൽ തന്നെയില്ല. ടൈപ്പോഗ്രാഫി ഒതുക്കമുള്ളതും ഉപയോഗപ്രദവുമാണ്, 12-20px-ൽ ഇച്ഛാനുസൃതമായി രൂപകൽപ്പന ചെയ്ത Helvetica Now ഫോണ്ട് കുടുംബത്തെ ആശ്രയിച്ചിരിക്കുന്നു, തലക്കെട്ടുകൾക്കായി 76px-ൽ ഒറ്റ, വലുതാക്കിയ Nike Futura ND ലോഗോയുണ്ട്. ഘടകങ്ങൾ മിനിമലിസ്റ്റാണ്: 30px ആരമുള്ള ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ, ഫ്ലാറ്റ് ഉൽപ്പന്ന കാർഡുകൾ, നേർത്ത ബോർഡറുകൾ, ഉയര വ്യത്യാസങ്ങൾ എന്നിവ പ്രായോഗികമായി പൂജ്യം. ശുദ്ധമായ വെളുത്ത ഉൽപ്പന്ന പ്രതലങ്ങൾക്കും ശ്രദ്ധേയമായ, ഇരുണ്ട എഡിറ്റോറിയൽ വിഭാഗങ്ങൾക്കുമിടയിൽ പേജ് മാറിമാറി വരുന്നു, അലങ്കാരത്തേക്കാൾ കോൺട്രാസ്റ്റിലൂടെ താളം സൃഷ്ടിക്കുന്നു.
പേജ് ശക്തമായ ഒരു എഡിറ്റോറിയൽ താളം പിന്തുടരുന്നു: ഒരൊറ്റ ഉൽപ്പന്നവും ഒരു വലിയ തലക്കെട്ടും ഉൾക്കൊള്ളുന്ന ശ്രദ്ധേയമായ, പൂർണ്ണ വീതിയുള്ള, ഇരുണ്ട തലക്കെട്ട്, തുടർന്ന് ഒരു പൂർണ്ണ വീതിയുള്ള, 2x2 വിഭാഗ ഗ്രിഡ്, 3 കോളങ്ങളിലായി ഉൽപ്പന്ന കാർഡുകളുടെ തിരശ്ചീനമായി സ്ക്രോൾ ചെയ്യുന്ന ഗ്രിഡ്, ഒടുവിൽ ഒരു സാന്ദ്രമായ, മൾട്ടി-കോളം അടിക്കുറിപ്പ്. എല്ലാ ഉള്ളടക്ക ബ്ലോക്കുകളും പരമാവധി കണ്ടെയ്നർ വീതിയില്ലാതെ പൂർണ്ണ വ്യൂപോർട്ട് വീതി ഉൾക്കൊള്ളുന്നു; പരമാവധി വീതി പരിധി നാവിഗേഷനും ഫൂട്ടർ ലിങ്ക് ഗ്രിഡിനും മാത്രമേ ബാധകമാകൂ. വിഭാഗങ്ങൾക്കിടയിലുള്ള സംക്രമണങ്ങൾ മൂർച്ചയുള്ളതാണ്: കറുത്ത തലക്കെട്ട് → വെളുത്ത വിഭാഗ ഗ്രിഡ് → വെളുത്ത ഉൽപ്പന്ന ഗ്രിഡ് → വെളുത്ത അടിക്കുറിപ്പ്, ഇടുങ്ങിയ ചാരനിറത്തിലുള്ള ബോർഡറുകൾ മാത്രമാണ് വിഷ്വൽ സീമായി പ്രവർത്തിക്കുന്നത്. നാവിഗേഷൻ ഒരു മിനിമലിസ്റ്റ്, രണ്ട്-ടയർ ബാർ (മുകളിൽ സഹായ ലിങ്കുകൾ, പ്രാഥമിക വിഭാഗങ്ങൾ കേന്ദ്രീകരിച്ചിരിക്കുന്നു) ആണ്, പിന്നിംഗ് ഇല്ല, പശ്ചാത്തല ഫിൽ ഇല്ല, നിഴൽ ഇല്ല. ഉൽപ്പന്ന ഗ്രിഡുകളിൽ ഉള്ളടക്ക സാന്ദ്രത ഒതുക്കമുള്ളതും (ഇറുകിയ കാർഡ് സ്പെയ്സിംഗ്) ഹെഡറിൽ വിശാലവുമാണ് (പൂർണ്ണ വീതിയുള്ള വ്യൂപോർട്ട്).
ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യ ഘടകം, ബ്രാൻഡിന്റെ മുഴുവൻ ഐഡന്റിറ്റിയും ഇത് നിർവചിക്കുന്നു. ഉയർന്ന നിലവാരമുള്ള, പൂർണ്ണ-ഫ്രെയിം ഉൽപ്പന്ന ഫോട്ടോകളാണ് സിസ്റ്റം ഉപയോഗിക്കുന്നത്: ഇരുണ്ടതോ ഗ്രേഡിയന്റ് പശ്ചാത്തലത്തിലുള്ളതോ ആയ വ്യക്തിഗതമായി ഫോട്ടോയെടുത്ത അത്ലറ്റിക് ഷൂകൾ, ജീവിതശൈലി സന്ദർഭമില്ലാതെ ഫ്രെയിമിൽ നിറയ്ക്കാൻ ക്രോപ്പ് ചെയ്തത്. ജീവിതശൈലി ചിത്രങ്ങൾ വിഭാഗങ്ങൾക്കുള്ളിൽ ദൃശ്യമാകും, ചലനത്തിലുള്ള അത്ലറ്റുകളുടെ കാലുകളും കാലുകളും പ്രദർശിപ്പിക്കും. ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള, പൂരിത വർണ്ണ സ്കീം ഉപയോഗിക്കുന്നു - കറുത്ത പശ്ചാത്തലത്തിൽ ചുവന്ന ഷൂസ്, വെളുത്ത കാലുകളിൽ നിയോൺ ആക്സന്റുകൾ, മെറ്റീരിയലുകൾ നാടകീയമാക്കാൻ ഊഷ്മളവും തണുത്തതുമായ ലൈറ്റിംഗ്. ചിത്രീകരണങ്ങളോ അമൂർത്ത ഗ്രാഫിക്സോ 3D റെൻഡറിംഗുകളോ ഉപയോഗിക്കുന്നില്ല. ചിത്രങ്ങൾക്ക് എല്ലായ്പ്പോഴും വൃത്തിയുള്ള അരികുകൾ ഉണ്ട് (ഫോട്ടോ കണ്ടെയ്നറുകളിൽ വൃത്താകൃതിയിലുള്ള കോണുകളില്ല), എല്ലായ്പ്പോഴും അവയുടെ ബ്ലോക്കുകൾക്കുള്ളിലെ മുഴുവൻ സ്ഥലവും കൈവശപ്പെടുത്തുന്നു, കൂടാതെ എല്ലായ്പ്പോഴും കുറഞ്ഞ ടെക്സ്റ്റ് ഓവർലേയും ഉണ്ട്. ഐക്കണോഗ്രഫി പൂർണ്ണമായും പ്രവർത്തനക്ഷമമാണ്: തിരയൽ, വിഷ്ലിസ്റ്റ്, കാർട്ട്, അക്കൗണ്ട് എന്നിവയ്ക്കായുള്ള ഔട്ട്ലൈൻ ഐക്കണുകൾ ഒബ്സിഡിയൻ അല്ലെങ്കിൽ സ്റ്റീൽ നിറങ്ങളിൽ.
പാലറ്റ്
നിഷ്പക്ഷം
- Obsidian
#111111— ഇരുണ്ട നിറം ന്യൂട്രൽ ടെക്സ്റ്റിനെയും ഐക്കണുകളെയും പൂരകമാക്കുകയും ശക്തമായ ദൃശ്യതീവ്രത സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കുന്നത് ഒഴിവാക്കുക. - Paper White
#ffffff— പേജ് പശ്ചാത്തലം, കാർഡ് പ്രതലം, ഇരുണ്ട പശ്ചാത്തലത്തിലുള്ള ബട്ടൺ വാചകം, ഐക്കൺ ഔട്ട്ലൈൻ - ഉൽപ്പന്ന ഗ്രിഡുകൾക്കും വിഭാഗ വിഭാഗങ്ങൾക്കുമുള്ള ഡിഫോൾട്ട് ക്യാൻവാസ്. - Concrete Gray
#e5e5e5— ബോർഡറുകൾ, ഡിവൈഡറുകൾ, ഗ്രിഡ് വിഭാഗങ്ങളെ വേർതിരിക്കുന്ന നേർത്ത വരകൾ, ഇൻപുട്ട് ഫീൽഡുകളുടെ സൂക്ഷ്മ രൂപരേഖകൾ. - Soft Mist
#f5f5f5— ദ്വിതീയ പ്രതലങ്ങൾക്കുള്ള സൂക്ഷ്മമായ പശ്ചാത്തല നിറം, നാവിഗേഷനിൽ തിരയൽ ഫീൽഡ് പൂരിപ്പിക്കൽ, പശ്ചാത്തല ടാഗ്. - Steel
#707072— ദ്വിതീയ വാചകം, നിശബ്ദമാക്കിയ സഹായ വാചകം, കുറച്ച ഐക്കൺ രൂപരേഖകൾ, ബ്രെഡ്ക്രംബ്സ് ലേബലുകൾ, അടിക്കുറിപ്പ് ലിങ്ക് വേർതിരിക്കലുകൾ. - Faint Gray
#9e9ea0— ഐക്കൺ ഔട്ട്ലൈനുകൾ, മൈനർ UI ഘടകങ്ങൾ, കുറഞ്ഞ ഹൈലൈറ്റിംഗ് ഉള്ള ബോർഡറുകൾ എന്നിവ പ്രവർത്തനരഹിതമാക്കിയിരിക്കുന്നു.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 76px വരെ · 6 ചുവടുകൾ
- Helvetica Now Text Medium — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 500 · ഹെൽവെറ്റിക്ക നൗ ടെക്സ്റ്റ് മീഡിയം ഫോണ്ട് - സ്ക്രാപ്പ് ചെയ്ത ഡാറ്റയിൽ കണ്ടെത്തി, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
- Helvetica Now Text — മാറ്റിസ്ഥാപിക്കൽ: Inter or Helvetica Neue · രൂപരേഖകൾ 400, 500 · ഉപയോക്തൃ ഇന്റർഫേസിന്റെ പ്രധാന വാചകം - നാവിഗേഷൻ ലിങ്കുകൾ, ബട്ടൺ ലേബലുകൾ, കാർഡ് ശീർഷകങ്ങൾ, ഉൽപ്പന്ന നാമങ്ങൾ, അടിക്കുറിപ്പ് ലിസ്റ്റുകൾ, എല്ലാ ബോഡി ടെക്സ്റ്റും.
- Helvetica Now Display Medium — മാറ്റിസ്ഥാപിക്കൽ: Inter Medium or Helvetica Neue Medium · രൂപരേഖകൾ 500 · വിഭാഗ തലക്കെട്ടുകൾ, കാർഡ് വിഭാഗ ലേബലുകൾ, ഇടത്തരം വലിപ്പമുള്ള തലക്കെട്ടുകൾ - വലിയ ഡിസൈൻ ഘടകങ്ങളല്ലാത്ത നൈക്ക് തലക്കെട്ടുകളുടെ ഒരു മുഖമുദ്രയാണ് മീഡിയം ഫോണ്ട് (20-24px): ഒരിക്കലും ബോൾഡ് അല്ല, എല്ലായ്പ്പോഴും സംക്ഷിപ്തവുമാണ്.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 30px |
| കാർഡ് ആരം | 0px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 48px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Nike ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Airbnb — ഒറ്റ പവിഴപ്പുറ്റിന്റെ ചുവന്ന ബുക്ക്മാർക്കുള്ള ശാന്തമായ വെളുത്ത ഗാലറി മതിൽ.
- Apple (España) — വെളുത്ത ഗാലറി ഡിസ്പ്ലേ കേസ്
- Silencio — പൊങ്ങിക്കിടക്കുന്ന കലാസൃഷ്ടികളുള്ള ഒരു വെളുത്ത മുറി. ചൂടുള്ള കടലാസ് കൊണ്ട് നിർമ്മിച്ച ഒരു ഗാലറി ഡിസ്പ്ലേ, നെഗറ്റീവ് വോളിയത്തിന്റെ പശ്ചാത്തലത്തിൽ ഓരോ ഘടകവും അതിന്റേതായ സ്ഥാനം പിടിക്കുന്നു, നിശബ്ദത മനഃപൂർവ്വം രൂപകൽപ്പന ചെയ്ത ഒരു തീരുമാനമാണ്.
- Oakâme — ചൂടുള്ള കല്ലിൽ കൊത്തിയെടുത്ത സൂര്യപ്രകാശം നിറഞ്ഞ ഒരു പ്രോവെൻസൽ വർക്ക്ഷോപ്പ്
- Arc — അർദ്ധരാത്രി വെള്ളത്തിന് മുകളിലുള്ള വ്യാവസായിക വെളുത്ത ഗാലറി
- Rivian — ഗാലറിയുടെ കോൺക്രീറ്റ് ഭിത്തിയിൽ ഒരു ഇലക്ട്രിക് മോണോലിത്ത്. വിശാലമായ വെളുത്ത സ്ഥലത്തിന് നേരെയുള്ള ഒരു ശിൽപമായിട്ടാണ് റിവിയൻ ഓരോ വാഹനത്തെയും അവതരിപ്പിക്കുന്നത്, വളരെ വലിയ ടൈപ്പോഗ്രാഫി ഒരു വാസ്തുവിദ്യാ ഘടകമായി മാറുന്നു, കൂടാതെ ഒരു മാറ്റ് പ്രതലത്തിൽ സൂര്യപ്രകാശം പോലെ മോണോക്രോമാറ്റിക് അന്തരീക്ഷത്തെ തകർക്കുന്ന ഒരു ചൂടുള്ള മഞ്ഞയും.
- Analogue — ബ്ലാക്ക് ഗാലറി ഡിസ്പ്ലേ കേസ് - സാധനങ്ങൾ ശൂന്യതയിൽ ചുറ്റിത്തിരിയുന്നു
- ddna — സംസ്കരിക്കാത്ത ലിനനിൽ നിർമ്മിച്ച ചൂടുള്ള മ്യൂസിയം പ്രദർശന കേസ്
- Zellerfeld — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച ഒരു ശില്പിയുടെ പണിപ്പുര - പീഠത്തിന്റെ ഏകശിലാ പ്രതലങ്ങൾ, കൊബാൾട്ടിന്റെ ഒരു തീപ്പൊരി, തറ മുതൽ മേൽക്കൂര വരെ ചെറിയ അക്ഷരങ്ങളുടെ ഒരു മർമ്മരം.
- UY Studio — കോൺക്രീറ്റ് ഭിത്തികളുള്ള ശാന്തമായ ഒരു സ്ഥലമാണ് ആശ്രമത്തിലെ ശിലാ ഗാലറി. വെളുത്ത തൂണുകളിൽ സുഗന്ധദ്രവ്യ കുപ്പികൾ വച്ചിരിക്കുന്നു. 400 വാട്ട് വിളക്കും നാല് ചൂടുള്ള ചാരനിറത്തിലുള്ള ബൾബുകളും അവിടെ പ്രകാശിപ്പിക്കുന്നു.
- Basic.Space — വെളുത്ത മാർബിളിലെ ക്യൂറേറ്റോറിയൽ ഗാലറി
- COS — വെളുത്ത ചുവരുകളുള്ള ഒരു ട്രെൻഡി ഗാലറി