IKEA
വെയിലിൽ നനഞ്ഞു കിടക്കുന്ന ഒരു സ്വീഡിഷ് ഫർണിച്ചർ ഷോറൂം, പൊളിച്ചുമാറ്റിയ രൂപത്തിൽ.
IKEA യുടെ ഇന്റർഫേസ് ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള എഡിറ്റോറിയൽ സ്പ്രെഡ് പോലെ കാണപ്പെടുന്നു: ചൂടുള്ള വെളുത്ത പശ്ചാത്തലത്തിൽ കറുത്ത നിറത്തിന് സമീപമുള്ള തരം, കോൾ-ടു-ആക്ഷൻ സോണുകളായി ഉൾച്ചേർത്ത ഫ്ലാറ്റ് മഞ്ഞ പാനലുകൾ കൊണ്ട് പൂരകമാണ്. സിസ്റ്റം മനഃപൂർവ്വം മിനിമലിസ്റ്റാണ് - രണ്ട് ഭാരങ്ങളിൽ (400 ഉം 700 ഉം) ഒരു കസ്റ്റം സാൻസ്-സെരിഫ് ഫോണ്ട് (Noto IKEA), ഓരോ ഘടകത്തിനും ഒരൊറ്റ കോർണർ ആരം, കൂടാതെ ഷാഡോകളോ ഗ്രേഡിയന്റുകളോ ഇല്ല. ഈ ഒതുക്കം ഘടനാപരമാണ്, ഒരു മിനിമലിസ്റ്റ് ട്രെൻഡല്ല: നെഗറ്റീവ് ലെറ്റർ സ്പെയ്സിംഗ് (തലക്കെട്ടിൽ -0.029em, ബോഡി കോപ്പിയിൽ -0.027em) 13px ലേബലുകൾക്ക് പോലും ഒരു ആർക്കിടെക്ചറൽ അനുഭവം നൽകുന്നു. കാർഡുകൾ വലുതും മീഡിയ ഉള്ളടക്കത്തിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നതുമാണ്, മെച്ചപ്പെട്ട വായനാക്ഷമതയ്ക്കായി ഗ്രേഡിയന്റ് മുതൽ കറുപ്പ് വരെയുള്ള ടെക്സ്റ്റ് ഓവർലേകളുള്ള വലിയ രണ്ട്-കോളം ബ്ലോക്കുകളിൽ ക്രമീകരിച്ചിരിക്കുന്നു. മഞ്ഞ ഫോണ്ട് #ffdb00 ഇന്റർഫേസിനായുള്ള എല്ലാ ജോലികളും ചെയ്യുന്നു - ഇത് അലങ്കരിക്കുന്നില്ല, അത് സജീവമാക്കുന്നു.
ഏകദേശം 1440px മാത്രമായി പരിമിതപ്പെടുത്തിയിരിക്കുന്ന ഒരു കേന്ദ്രീകൃത ഉള്ളടക്ക കണ്ടെയ്നറുള്ള ഒരു പൂർണ്ണ വീതിയുള്ള ഡിസൈൻ. നാവിഗേഷൻ ലളിതവും ഒട്ടിപ്പിടിക്കാത്തതുമായ ഒരു ടോപ്പ് ബാറാണ്. ഏകദേശം 80px വിടവുകളുള്ള ലംബമായി അടുക്കിയിരിക്കുന്ന തിരശ്ചീന കാർഡുകൾ ഉപയോഗിച്ചാണ് പേജ് നിർമ്മിച്ചിരിക്കുന്നത്. "ഹീറോ" ലേഔട്ട് ഒരു സ്പ്ലിറ്റ് ലേഔട്ടാണ്—2/3 മീഡിയ കാർഡ് (ചിത്രം) + കോൾ ടു ആക്ഷൻ ഉള്ള 1/3 സോളിഡ് മഞ്ഞ കാർഡ്. പേജിന്റെ പ്രധാന ഭാഗം രണ്ട് കോളം കാർഡുകളുടെ ഗ്രിഡുകൾ ഉപയോഗിക്കുന്നു, ചിത്രങ്ങളുടെയും വാചകത്തിന്റെയും ഒന്നിടവിട്ട ബ്ലോക്കുകൾ ഉപയോഗിക്കുന്നു. ഉള്ളടക്ക സാന്ദ്രത വിശാലമാണ്, ഒരിക്കലും ഒതുക്കമുള്ളതല്ല. കാർഡുകൾ വലുതാണ് (ഏകദേശം 600x400 പിക്സലുകൾ കുറഞ്ഞത്) ഉദാരമായ പാഡിംഗോടെ. "ടൈംലൈൻ/ചരിത്രം" വിഭാഗം വലിയ സംഖ്യകളുള്ള ഗ്രിഡിനെ വിഭജിക്കുന്നു. സൈഡ്ബാർ ഇല്ല, മെഗാ-മെനു ഇല്ല, സങ്കീർണ്ണമായ നാവിഗേഷൻ ആർക്കിടെക്ചറില്ല.
ദൃശ്യഭാഷ പ്രധാനമായും ഉൽപ്പന്ന, ജീവിതശൈലി ഫോട്ടോഗ്രാഫിയാണ്. എഡിറ്റിംഗ്: തിളക്കമുള്ളതും സ്വാഭാവികമായി പ്രകാശമുള്ളതും ഊഷ്മളവുമായ സ്കാൻഡിനേവിയൻ ഇന്റീരിയറുകൾ, ഒരു സ്റ്റുഡിയോയുടെ കടുത്ത വെളുപ്പ് പോലെയല്ല - ഒരു ജീവസുറ്റ അനുഭവത്തോടുകൂടിയത്. ഉൽപ്പന്നവുമായുള്ള ഇടപെടലിന്റെ രംഗങ്ങളിൽ (പിടിക്കൽ, കൂട്ടിച്ചേർക്കൽ, ഉപയോഗം) ആളുകൾ പ്രത്യക്ഷപ്പെടുന്നു. ചിത്രങ്ങൾ എല്ലായ്പ്പോഴും കാർഡിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു, ഒരിക്കലും ഓർഗാനിക് ആകൃതികളിലേക്ക് ക്രോപ്പ് ചെയ്യില്ല. ടെക്സ്റ്റുള്ള ഏതൊരു കാർഡിന്റെയും അടിയിൽ ഗ്രേഡിയന്റ് കറുത്ത ഓവർലേകൾ ദൃശ്യമാകും. ഫ്ലാറ്റ് ചിത്രീകരണങ്ങൾ ഇടയ്ക്കിടെ ഫീച്ചർ ചെയ്യാറുണ്ട് (ഉദാഹരണത്തിന്, ടർക്കോയ്സ്, പച്ച, ഓറഞ്ച് നിറങ്ങളിലുള്ള സാംസ്കാരിക ഐക്കണോഗ്രഫിയുള്ള ജർമ്മനിയുടെ ഒരു ഭൂപടം). ഫോട്ടോഗ്രാഫുകൾ ഒരു എഡിറ്റോറിയൽ ശൈലിയിലാണ് നടപ്പിലാക്കുന്നത്: തിളങ്ങുന്ന സ്റ്റോക്ക് ഫോട്ടോ ഇഫക്റ്റ് ഇല്ല, അമിതമായി സ്റ്റൈലൈസ് ചെയ്ത വർണ്ണ തിരുത്തൽ ഇല്ല.
പാലറ്റ്
ബ്രാൻഡ്
- IKEA Yellow
#ffdb00— പ്രവർത്തനത്തിനുള്ള കോളുകൾ പൂരിപ്പിക്കുന്നതിനുള്ള പ്രധാന ഘടകങ്ങൾ, ഫീച്ചർ ചെയ്ത ചിത്രങ്ങളുള്ള കാർഡുകൾക്കുള്ള പശ്ചാത്തലങ്ങൾ, പ്രധാന വിൻഡോയിലെ ആക്സന്റ് പാനലുകൾ - സിസ്റ്റത്തിന്റെ ഒരുതരം വർണ്ണ ഘടകം.
നിഷ്പക്ഷം
- Ink Black
#111111— പ്രധാന വാചകം, പ്രധാന വാചകം, തലക്കെട്ടുകൾ, പ്രധാന അതിരുകൾ (851 തവണ), ഐക്കൺ രൂപരേഖ. - Pure White
#ffffff— പേജ് പശ്ചാത്തലം, കാർഡ് പ്രതലം, നാവിഗേഷൻ പശ്ചാത്തലം, ഇരുണ്ട പശ്ചാത്തലത്തിൽ ബട്ടൺ വാചകം. - Warm White
#fffefb— ബട്ടണുകൾക്കും കാർഡുകൾക്കും അല്പം ക്രീം നിറത്തിലുള്ള നിറം - ശുദ്ധമായ വെള്ളയേക്കാൾ അല്പം ചൂട് - ഡിജിറ്റൽ തണുപ്പിനെ ഇല്ലാതാക്കുന്നു. - Steel Gray
#818181— ദ്വിതീയ വാചകം, മ്യൂട്ടുചെയ്ത ബോർഡറുകൾ, പ്രവർത്തനരഹിതമാക്കിയ ഐക്കൺ അവസ്ഥകൾ - True Black
#000000— പരമാവധി ദൃശ്യതീവ്രത ആവശ്യമുള്ളിടത്ത് SVG ഐക്കൺ ഫില്ലുകൾ, ഇൻപുട്ട് ഫീൽഡ് ബോർഡറുകൾ, ആഴത്തിലുള്ള കറുത്ത ആക്സന്റുകൾ. - Link Blue
#0159a3— നാവിഗേഷനിലും പ്രാഥമിക ലിങ്കുകളിലും വ്യാപകമായി ഉപയോഗിക്കുന്ന ടെക്സ്റ്റ് ലിങ്ക് നിറം, സിസ്റ്റത്തിലെ ഏക നീല നിറമാണ്.
ടൈപ്പോഗ്രാഫി
13 മുതൽ 51px വരെ · 5 ചുവടുകൾ
- Noto IKEA — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 700 · ഐകെഇഎയുടെ സിഗ്നേച്ചർ ആയ നോട്ടോ മാത്രമാണ് ഫോണ്ട് ഉപയോഗിച്ചിരിക്കുന്നത്. രണ്ട് ഭാരമുള്ള ഈ സിസ്റ്റം (400 റെഗുലർ, 700 ബോൾഡ്) മനഃപൂർവ്വം നിയന്ത്രിച്ചിരിക്കുന്നു: ഇറ്റാലിക്സ്, മീഡിയം അല്ലെങ്കിൽ ലൈറ്റ് വെയ്റ്റുകൾ ഇല്ല. 700 പോയിന്റിലുള്ള, 36–51px-ലുള്ള ഹെഡിംഗുകൾ മുഴുവൻ ബ്രാൻഡ് ശൈലിയും അറിയിക്കുന്നു; 16px-ലെ ബോഡി കോപ്പി നിഷ്പക്ഷമായി തുടരുന്നു. വലുപ്പം കൂടുന്നതിനനുസരിച്ച് അക്ഷരങ്ങളുടെ അകലം കുറയുന്നു, ഇത് ഹെഡിംഗുകൾക്ക് ഒരു സംക്ഷിപ്തവും വാസ്തുവിദ്യാ ഭാവവും നൽകുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 24px |
| ബട്ടൺ ആരം | 8px |
| കാർഡ് ആരം | 8px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 80px |
| പേജ് വീതി | 1440px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് IKEA ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- MindMarket — ക്രീം പേപ്പറിൽ ഒരു സുഖകരമായ യക്ഷിക്കഥ പുസ്തകം - സൂര്യപ്രകാശം കൊണ്ട് നനഞ്ഞ, സ്റ്റിക്കർ പോലെ മൃദുവായ പ്രതലത്തിൽ വലിയ ഇന്റർ തലക്കെട്ടുകളും കട്ട്-ഔട്ട് പേപ്പർ കഥാപാത്രങ്ങളും ഒരുമിച്ച് കാണപ്പെടുന്ന സൗഹൃദപരമായ എഡിറ്റോറിയൽ ക്യാൻവാസ്.
- Lamborghini — ഷോറൂമിൽ കറുത്ത നിറത്തിലുള്ള ബോഡി, സ്പോട്ട്ലൈറ്റുകൾക്ക് കീഴിൽ - ഒരു മഞ്ഞ കാർ.
- amp — തണുത്ത വെളുത്ത പശ്ചാത്തലത്തിൽ ഊഷ്മളമായ ഓറഞ്ച് നിറം. സൂര്യപ്രകാശം കൊണ്ട് നനഞ്ഞ ഒരു ലോഫ്റ്റിൽ ഫോട്ടോ എടുത്ത ഒരു പ്രീമിയം ഫിറ്റ്നസ് ഉൽപ്പന്നത്തെ അനുസ്മരിപ്പിക്കുന്നതാണ് ഈ ഡിസൈൻ: ഒരു ഇനം, ഒരു ആക്സന്റ്, എല്ലാ ജോലികളും ചെയ്യുന്ന ഒരു ആത്മവിശ്വാസമുള്ള ഫോണ്ട്.
- LUNCH — ചൂടുള്ള കടലാസിൽ വെൽവെറ്റ് പോഡിയം
- Microsoft — റീട്ടെയിൽ കാറ്റലോഗിൽ ഒരു സിഗ്നേച്ചർ നീല നിറം ഉപയോഗിക്കുന്നു - ഒരു വെളുത്ത ഷോറൂം തറയിൽ ഒരു ചതുരാകൃതിയിലുള്ള ലോഗോ സങ്കൽപ്പിക്കുക, അവിടെ എല്ലാ ഡിസൈൻ ഘടകങ്ങളും നീല നിറത്തിലാണ്.
- Vibrants — വെളുത്ത മാർബിളിൽ നിർമ്മിച്ച സ്കൈബോൺ ഫാർമസി - കടും നീല മഷിയാണ് മോർട്ടാർ, മഴവില്ല് സ്പെക്ട്രം ഔഷധമാണ്.
- Isla Beauty — സർജിക്കൽ റെഡ് നിറത്തിന്റെ ആക്സന്റുകളുള്ള ക്രീമി അപ്പോത്തിക്കറി ശൈലി - ചൂടുള്ള കടലാസ് ചുവരുകൾ, ആംബർ കുപ്പികൾ, എല്ലാ ലേബലിലും ഒരൊറ്റ ചുവന്ന സ്റ്റാമ്പ് എന്നിവ പരിഗണിക്കുക.
- Swap — മിന്റ് എഡിറ്റോറിയൽ ഗാലറി: തിളക്കമുള്ള ലൈം ആക്സന്റുകളും സൂക്ഷ്മമായ സെരിഫുകളുമുള്ള മുറികളിൽ ഇളം സേജ് ഷേഡുകൾ.
- Cursor — പുകയുന്ന കനൽ കത്തിച്ചുവെച്ച, സുഖകരമായ ഒരു കടലാസ് പണിശാല.
- Structured — പ്ലാസ്റ്റിൻ പോലുള്ള കടലാസിൽ നവോത്ഥാന ഗാലറി
- Apple (España) — നേരിയ പകൽ വെളിച്ചത്തിൽ, മ്യൂസിയം ഗാലറി ആകർഷകവും ഭാരമില്ലാത്തതുമായ ഒരു വെളുത്ത ഇടമാണ്, ഓരോ പ്രദർശനവും നേരിയ നിറം മങ്ങിയ ചുവരിന് നേരെ സ്പോട്ട്ലൈറ്റ് കൊണ്ട് പ്രകാശിക്കുന്നു.
- Amplemarket — കൺഫെറ്റി കൊണ്ട് ചിതറിക്കിടക്കുന്ന വെയിലിൽ നനഞ്ഞ ജോലിസ്ഥലം.