INO
നിശബ്ദതയിൽ ഒരു മ്യൂസിയം പ്രദർശന കേസ് - ഓരോ പ്രദർശനവും ഒരു വെളുത്ത സ്ഥലത്ത് പൊങ്ങിക്കിടക്കുന്നു, ഗ്ലാസിന് പിന്നിലെ ഒരൊറ്റ വസ്തു പോലെ, ഏതാണ്ട് കറുത്ത, കേവലം കേൾക്കാവുന്ന ഒരു ഫോണ്ട് കൊണ്ട് ഫ്രെയിം ചെയ്തിരിക്കുന്നു.
INO ഏതാണ്ട് മോണോക്രോം ആഭരണ ഗാലറിയായി പ്രവർത്തിക്കുന്നു: ഒരു ക്രിസ്പ് വൈറ്റ് ക്യാൻവാസ്, ഒരു ചൂടുള്ള, ഏതാണ്ട് കറുത്ത മഷി, നിറങ്ങളുടെ ഏതാണ്ട് പൂർണ്ണമായ അഭാവം. വിഷ്വൽ സിസ്റ്റം ഓരോ മോതിരത്തെയും ഒരു മ്യൂസിയം പീസ് പോലെയാണ് പരിഗണിക്കുന്നത് - വിശാലമായ നെഗറ്റീവ് സ്പെയ്സിൽ പൊങ്ങിക്കിടക്കുന്ന ക്ലിനിക്കൽ ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫുകൾ, ഫോണ്ട് സ്കെയിലിലൂടെയോ നിറത്തിലൂടെയോ അല്ല, സ്ഥാനം, അക്ഷരങ്ങളുടെ അകലം, വെള്ളയുടെ അളവ് എന്നിവയിലൂടെയാണ് ശ്രേണി നിർമ്മിച്ചിരിക്കുന്നത്. നാവിഗേഷൻ പേജിന്റെ അടിയിൽ സ്ഥിതിചെയ്യുന്നു, അതിൽ ലേബലുകളുള്ള നാല് ഡോട്ടുകൾ (പൂരിപ്പിച്ചതോ ശൂന്യമോ) അടങ്ങിയിരിക്കുന്നു, ഇത് പരമ്പരാഗത ഇ-കൊമേഴ്സ് ടോപ്പ് ബാറിന്റെ ബോധപൂർവമായ വിപരീതമാണ്. ബ്രാൻഡ് മാർക്ക് തന്നെ ഉൽപ്പന്നത്തിന്റെ ആകൃതി പ്രതിധ്വനിപ്പിക്കുകയും ഒരു ലോഗോയ്ക്ക് പകരം ഒരു ടൈപ്പോഗ്രാഫിക് ശിൽപമായി പ്രവർത്തിക്കുകയും ചെയ്യുന്ന ഒരു കൂട്ടം കേന്ദ്രീകൃത റിംഗ് കോണ്ടൂരുകളാണ്.
പരമാവധി ഉള്ളടക്ക വീതി പരിധിയില്ലാത്ത ഒരു പൂർണ്ണ വീതിയുള്ള ക്യാൻവാസ്. ഫോട്ടോഗ്രാഫിയും ഗ്രാഫിക്സും തുല്യമായി വിഭജിക്കപ്പെട്ടിരിക്കുന്നതിനാൽ (50/50) പ്രധാന സ്ക്രീൻ പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു. വ്യൂപോർട്ടിന്റെ അരികിൽ നിന്ന് വിശാലമായ തിരശ്ചീന മാർജിനോടുകൂടിയ മൂന്ന്-കോളം വരികളായി ഉൽപ്പന്ന ഗ്രിഡുകൾ പ്രദർശിപ്പിക്കും. താഴെയുള്ള നാവിഗേഷൻ പിൻ ചെയ്യുന്നതിനുപകരം, പേജ് ഫൂട്ടറിൽ കേന്ദ്രീകരിച്ച് നങ്കൂരമിട്ടിരിക്കുന്നു. സെക്ഷൻ ബ്രേക്കുകൾ പൂർണ്ണ-സ്ക്രീൻ എഡിറ്റോറിയൽ ഫോട്ടോഗ്രാഫി അല്ലെങ്കിൽ ശുദ്ധമായ വൈറ്റ് സ്പേസ് ഉപയോഗിക്കുന്നു - ഒരിക്കലും ഒരു കളർ ബാർ, ഡിവിഡിംഗ് ലൈൻ അല്ലെങ്കിൽ ഗ്രേഡിയന്റ് എന്നിവ ഉപയോഗിക്കരുത്. ലംബ താളം സൗജന്യമാണ്: പ്രധാന വിഭാഗങ്ങൾക്കിടയിൽ 80/1/1, പേജ് ഉള്ളടക്കം കൊണ്ട് നിറയുന്നതിനുപകരം ശ്വസിക്കാൻ അനുവദിക്കുന്നു. സൈഡ്ബാർ ഇല്ല, മെഗാ-മെനു ഇല്ല, മുകളിലെ ഹെഡർ ബാർ ഇല്ല - "INO" ലോഗോ പ്രധാന സ്ക്രീനിന്റെ മുകളിൽ ഇടത് കോണിൽ മാത്രമാണ് സ്ഥിതി ചെയ്യുന്നത്.
രണ്ട് വ്യത്യസ്ത ഇമേജ് ഡിസ്പ്ലേ മോഡുകൾ ഒരുമിച്ച് നിലനിൽക്കുന്നു: പരന്നതും ഇളം ചാരനിറത്തിലുള്ളതും തടസ്സമില്ലാത്തതുമായ പശ്ചാത്തലത്തിൽ ക്ലിനിക്കൽ ഉൽപ്പന്ന ഫോട്ടോഗ്രാഫി (ഓരോ മോതിരവും മധ്യഭാഗത്തായി, കൈകളോ, സ്റ്റൈലൈസ് ചെയ്ത പ്രോപ്പുകളോ, ഉപരിതല നിഴലുകളോ ഇല്ലാതെ ഫോട്ടോ എടുത്തിരിക്കുന്നു - വസ്തുവാണ് നായകൻ) ആഖ്യാന എഡിറ്റോറിയൽ ചിത്രങ്ങൾ (പുല്ല് വരച്ച പെട്ടിയിലെ ഒരു മോതിരം, ഒരു ചങ്ങല പിടിച്ചിരിക്കുന്ന ഒരു കൈ), ഡീസാച്ചുറേറ്റഡ്, പൂർണ്ണ സ്ക്രീൻ എഡിറ്റോറിയൽ ശകലങ്ങളായി റെൻഡർ ചെയ്തിരിക്കുന്നു. ഉൽപ്പന്ന ചിത്രങ്ങൾ ഉൽപ്പന്ന കാർഡുകളായി വർത്തിക്കുന്നു; എഡിറ്റോറിയൽ ചിത്രങ്ങൾ ബ്രാൻഡിന്റെ മാനസികാവസ്ഥയെ അറിയിക്കുന്നു. രണ്ടും മോണോക്രോം അല്ലെങ്കിൽ മോണോക്രോമിനടുത്തുള്ളതാണ് - പ്രധാന ചിത്രത്തിലെ പുല്ല് പച്ചയുടെ ഏക സൂചനയാണ്, അതും ഒരു വന നിറത്തിലേക്ക് നിശബ്ദമാക്കിയിരിക്കുന്നു. ഇന്റർഫേസിൽ ഐക്കണുകൾ ഉപയോഗിക്കുന്നില്ല - ഒരു കേന്ദ്രീകൃത മോതിര ചിഹ്നം എല്ലാ ഐക്കണോഗ്രാഫിയെയും മാറ്റിസ്ഥാപിക്കുന്നു.
പാലറ്റ്
നിഷ്പക്ഷം
- Obsidian Ink
#212123— ന്യൂട്രൽ ഫോം സ്റ്റേറ്റുകൾ, ഐക്കൺ ടെക്സ്റ്റ്, വർണ്ണ സ്കീമുകൾ വ്യക്തമല്ലാത്ത രീതിയിൽ നിലനിർത്തേണ്ട വിവേകപൂർണ്ണമായ UI ഫീഡ്ബാക്ക്. - Bone
#ffffff— കാൻവാസ് പേജുകൾ, കാർഡ്ബോർഡ് പ്രതലങ്ങൾ, ഇരുണ്ട പശ്ചാത്തലത്തിൽ വിപരീത വാചകം. പ്രബലമായ പ്രതലം; ഏതാണ്ട് മുഴുവൻ വെബ്സൈറ്റും ഇവിടെയാണ്. - Carbon
#000000— നാവിഗേഷൻ പോയിന്റ് ഇൻഡിക്കേറ്ററിനുള്ള ഐക്കൺ ഫിൽ, അലങ്കാര ഗ്രാഫിക് ഔട്ട്ലൈനുകൾ, സജീവമായ സ്റ്റേറ്റ് ഫിൽ. "ബോൺ" നിറവുമായുള്ള പരമാവധി ടോണൽ കോൺട്രാസ്റ്റിനായി മിതമായി ഉപയോഗിക്കുന്നു. - Ash
#999999— മീഡിയം കോൺട്രാസ്റ്റ് ബോർഡറുകൾ, നിയന്ത്രണ കോണ്ടൂർ, ഘടനാപരമായ ഡിവൈഡറുകൾ. - Pebble
#a6a6a7— മിനുസപ്പെടുത്തിയ പിന്തുണയ്ക്കുന്ന വാചകം, പ്രധാന വാചകത്തിന് നേർത്ത സെപ്പറേറ്ററുകൾ, ദ്വിതീയ മെറ്റാഡാറ്റ. പശ്ചാത്തലത്തിലേക്ക് പിന്നോട്ട് പോകേണ്ട വില ടാഗുകൾക്കും അനുബന്ധ വാചകത്തിനും ഏറ്റവും ഭാരം കുറഞ്ഞ ഫങ്ഷണൽ ഗ്രേ നിറം ഉപയോഗിക്കുന്നു.
ടൈപ്പോഗ്രാഫി
11 മുതൽ 18px വരെ · 4 ചുവടുകൾ
- Sequel100Wide — മാറ്റിസ്ഥാപിക്കൽ: Jost (400 · രൂപരേഖകൾ 400 · നാവിഗേഷൻ, ബോഡി ടെക്സ്റ്റ്, തലക്കെട്ടുകൾ, ശീർഷകങ്ങൾ, വിലനിർണ്ണയം, അടിക്കുറിപ്പുകൾ എന്നിങ്ങനെ എല്ലാ സന്ദർഭങ്ങളിലും 400 വെയ്റ്റിൽ മാത്രമായി ഉപയോഗിക്കുന്ന ഒരേയൊരു കോർപ്പറേറ്റ് ടൈപ്പ്ഫേസ്. വിശാലമായ അകലത്തിലുള്ള ജ്യാമിതീയ ചിഹ്നം, വിശാലമായ അക്ഷര വിടവോടെ, മുഴുവൻ കോർപ്പറേറ്റ് ശൈലിയെയും പ്രതിഫലിപ്പിക്കുന്നു. ബോൾഡ് വെയ്റ്റിന്റെ അഭാവം മനഃപൂർവ്വമാണ്: ഫോണ്ട് വെയ്റ്റ് വ്യത്യാസപ്പെടുത്തുന്നതിനുപകരം, വലിയക്ഷരങ്ങൾ, അക്ഷര വിടവ്, സ്ഥാനനിർണ്ണയം എന്നിവയിലൂടെയാണ് ശ്രേണി കൈവരിക്കുന്നത്.
- Arial — മാറ്റിസ്ഥാപിക്കൽ: system-ui · രൂപരേഖകൾ 400 · ലെഗസി സന്ദർഭങ്ങളിൽ ബട്ടണുകൾ റെൻഡർ ചെയ്യുന്നതിനുള്ള ഒരു സിസ്റ്റം-വൈഡ് ഫാൾബാക്ക്. ഇത് ബ്രാൻഡിംഗിന്റെ ഭാഗമല്ല - Sequel100Wide ലോഡ് ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടാൽ മാത്രമേ ഇത് ദൃശ്യമാകൂ.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 23px |
| ബട്ടൺ ആരം | 50px |
| കാർഡ് ആരം | 8px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 80-120px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് INO ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Airbnb — ഒറ്റ പവിഴപ്പുറ്റിന്റെ ചുവന്ന ബുക്ക്മാർക്കുള്ള ശാന്തമായ വെളുത്ത ഗാലറി മതിൽ.
- Peak Design — ഭാഗികമായി പ്രകാശമുള്ള ഗാലറി മതിൽ
- 099 SUPPLY — കറുപ്പും വെളുപ്പും നിറമുള്ള വസ്തുക്കൾ നിറഞ്ഞ ഒരു ഗാലറി മതിൽ
- Apple (España) — വെളുത്ത ഗാലറി ഡിസ്പ്ലേ കേസ്
- Apple (España) — പ്രഭാത മൂടൽമഞ്ഞിൽ ഒരു ഗാലറി വിൻഡോ
- Custo — മോണോലിത്തിക് ഫോണ്ടുള്ള ഗൺമെറ്റൽ നിറമുള്ള ഗാലറി. മ്യൂട്ട് ചെയ്ത ചാര-പച്ച ടോണുകളിൽ ഒരു ഷോറൂം, അവിടെ ഒരു ഇരുണ്ട വസ്തുവും 57px ഫോണ്ടും സ്വയം സംസാരിക്കുന്നു.
- Silencio — പൊങ്ങിക്കിടക്കുന്ന കലാസൃഷ്ടികളുള്ള ഒരു വെളുത്ത മുറി. ചൂടുള്ള കടലാസ് കൊണ്ട് നിർമ്മിച്ച ഒരു ഗാലറി ഡിസ്പ്ലേ, നെഗറ്റീവ് വോളിയത്തിന്റെ പശ്ചാത്തലത്തിൽ ഓരോ ഘടകവും അതിന്റേതായ സ്ഥാനം പിടിക്കുന്നു, നിശബ്ദത മനഃപൂർവ്വം രൂപകൽപ്പന ചെയ്ത ഒരു തീരുമാനമാണ്.
- Oakâme — ചൂടുള്ള കല്ലിൽ കൊത്തിയെടുത്ത സൂര്യപ്രകാശം നിറഞ്ഞ ഒരു പ്രോവെൻസൽ വർക്ക്ഷോപ്പ്
- Nike — കായിക നേട്ടങ്ങളുടെ ഒരു മോണോക്രോം ഗാലറി - വെളുത്ത ചുവരുകൾ, ഒരു കലാസൃഷ്ടി എന്ന നിലയിൽ ഉൽപ്പന്നം, പശ്ചാത്തലത്തിൽ അലിഞ്ഞുചേർന്ന ക്രോം.
- Sociotype — വെള്ളക്കടലാസിൽ നിർമ്മിച്ച ഒരു സാധാരണ മ്യൂസിയം മാതൃക
- Arc — അർദ്ധരാത്രി വെള്ളത്തിന് മുകളിലുള്ള വ്യാവസായിക വെളുത്ത ഗാലറി
- Rivian — ഗാലറിയുടെ കോൺക്രീറ്റ് ഭിത്തിയിൽ ഒരു ഇലക്ട്രിക് മോണോലിത്ത്. വിശാലമായ വെളുത്ത സ്ഥലത്തിന് നേരെയുള്ള ഒരു ശിൽപമായിട്ടാണ് റിവിയൻ ഓരോ വാഹനത്തെയും അവതരിപ്പിക്കുന്നത്, വളരെ വലിയ ടൈപ്പോഗ്രാഫി ഒരു വാസ്തുവിദ്യാ ഘടകമായി മാറുന്നു, കൂടാതെ ഒരു മാറ്റ് പ്രതലത്തിൽ സൂര്യപ്രകാശം പോലെ മോണോക്രോമാറ്റിക് അന്തരീക്ഷത്തെ തകർക്കുന്ന ഒരു ചൂടുള്ള മഞ്ഞയും.