Shop
വെളുത്ത മാർബിളിൽ പൊങ്ങിക്കിടക്കുന്ന ഒരു വ്യാപാര നക്ഷത്രസമൂഹം
ഓൺലൈൻ സ്റ്റോർ ഒരു "വെളുത്ത ക്യാൻവാസ്" മോഡലിലാണ് പ്രവർത്തിക്കുന്നത്, തംബ്നെയിലുകളുടെ ഗ്രിഡുകളല്ല, വലുതും വളരെയധികം വളഞ്ഞതുമായ ഇമേജ് കാർഡുകളായി ഉൽപ്പന്നങ്ങൾ പ്രദർശിപ്പിച്ചിരിക്കുന്നു. മുഴുവൻ ഇന്റർഫേസും അവിശ്വസനീയമാംവിധം സുഗമമാണ്: മുഴുവൻ ഭാഗത്തും 20-28px ആരങ്ങൾ, പിൽ-ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ, വാചകത്തെ വ്യക്തവും ബോൾഡും ആക്കുന്ന ഇറുകിയ നെഗറ്റീവ് ട്രാക്കിംഗുള്ള ഒരു കോംപാക്റ്റ് 16px GT സ്റ്റാൻഡേർഡ് ബോഡി. സിസ്റ്റത്തിന്റെ ഏക ബോൾഡ് ആക്സന്റ് ഒരു വൈബ്രന്റ് പർപ്പിൾ (#5433eb) ആണ്, ഇത് ലോഗോയിലും വൃത്താകൃതിയിലുള്ള തിരയൽ ഫലങ്ങളുടെ ഫീൽഡിലും ഒരേ ബട്ടണിൽ ഒരു ടിന്റഡ് ഷാഡോയായും ദൃശ്യമാകുന്നു. പാലറ്റിന്റെ ബാക്കി ഭാഗം ഊഷ്മളമായ നിഷ്പക്ഷമാണ്: വെളുത്ത പ്രതലങ്ങൾ, സൂക്ഷ്മമായ തണുത്ത ചാരനിറത്തിലുള്ള ക്യാൻവാസ്, സൂക്ഷ്മമായ ബോർഡറുകൾ, ഏതാണ്ട് കറുത്ത വാചകം. സാന്ദ്രത 12px ഗട്ടറുകളുമായി ഒതുക്കമുള്ളതായി തുടരുന്നു, പക്ഷേ ഹീറോയും കാറ്റഗറി സ്ട്രൈപ്പുകളും 64-80px ന്റെ ഉദാരമായ ലംബ താളത്തിന് നന്ദി, വാണിജ്യ അനുഭവത്തെ ഒരു കാറ്റലോഗിനേക്കാൾ ബ്രൗസിംഗ് പോലെ തോന്നിപ്പിക്കുന്നു.
പരമാവധി വീതി 1200px ആണ്, ഒരു അർദ്ധസുതാര്യമായ #f2f4f5 ക്യാൻവാസിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്നു, ഇടതുവശത്ത് നാവിഗേഷൻ ഐക്കണുകൾ മാത്രം ഉൾക്കൊള്ളുന്ന ഒരു സ്ഥിരമായ 64px-വീതിയുള്ള സൈഡ്ബാർ ഉണ്ട്. പ്രധാന ഘടകം ഒരു പൂർണ്ണ വീതിയുള്ള സ്ട്രിപ്പാണ്, അതിൽ ഉൽപ്പന്ന കാർഡുകൾ കേന്ദ്രീകൃതമായ ഒരു പർപ്പിൾ "ഷോപ്പ്" ലോഗോയ്ക്ക് മുകളിൽ സ്ഥാപിച്ചിരിക്കുന്നു, കൂടാതെ അതിന് തൊട്ടുതാഴെയായി ഒരു ഗുളിക ആകൃതിയിലുള്ള തിരയൽ ബാറും ഉണ്ട്. വിഭാഗ ഗുളികകൾ തിരയൽ ബാറിന് താഴെ ഒരൊറ്റ കേന്ദ്രീകൃത വരിയിൽ ക്രമീകരിച്ചിരിക്കുന്നു. ഉള്ളടക്ക വിഭാഗങ്ങൾ (സ്ത്രീകൾ, പുരുഷന്മാർ, സൗന്ദര്യം, വീട്, കുഞ്ഞ് & കുട്ടികൾ) നിയുക്ത സ്ട്രിപ്പുകൾ പോലെ പിന്തുടരുന്നു, ഓരോന്നിലും ഉൽപ്പന്ന ചിത്രങ്ങളുള്ള 4-കോളം ഗ്രിഡ് അല്ലെങ്കിൽ 2-കോളം "പ്രധാന ഘടകവും ഗ്രിഡും" കോമ്പോസിഷൻ അടങ്ങിയിരിക്കുന്നു. ലംബ താളം ഉദാരമാണ്: പ്രധാന വിഭാഗങ്ങൾക്കിടയിൽ 64–80px. കോളം ആകൃതിയിലുള്ള ലിങ്ക് ഗ്രൂപ്പുകളുള്ള പേജിന്റെ അടിഭാഗത്തുള്ള ഒരു ഇരുണ്ട സ്ട്രിപ്പാണ് അടിക്കുറിപ്പ്. തിരശ്ചീന ഉൽപ്പന്ന പാനലുകളുടെ വലതുവശത്തുള്ള കറൗസൽ അമ്പടയാളങ്ങൾ പേജിനേഷൻ പോയിന്റുകൾ ഇല്ലാതെ സ്ക്രോൾ ചെയ്യാവുന്ന ഉള്ളടക്കത്തെ സൂചിപ്പിക്കുന്നു.
ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യ ഘടകം: വെളുത്ത പശ്ചാത്തലത്തിൽ പൂർണ്ണ സ്ക്രീൻ ഉൽപ്പന്ന ഫോട്ടോകൾ, ക്രോപ്പ് ചെയ്ത 1:1, ഊഷ്മളമായ മണ്ണിന്റെ നിറങ്ങളുള്ള (ബീജ്, ടെറാക്കോട്ട, സേജ്, ഐവറി) ജീവിതശൈലി ചിത്രങ്ങൾ. ഉൽപ്പന്ന ചിത്രങ്ങൾക്ക് അവരുടേതായ നിറമുണ്ട്—ഉപയോക്തൃ ഇന്റർഫേസ് വർണ്ണാഭമായി തുടരുന്നു, ഇത് ഉൽപ്പന്ന ഷേഡുകൾക്ക് ദൃശ്യ വൈവിധ്യം നൽകാൻ അനുവദിക്കുന്നു. ബ്രാൻഡ് ലോഗോകൾ വ്യക്തിഗത ഐക്കണുകളായിട്ടല്ല, ഇരുണ്ടതോ ഇളം നിറത്തിലുള്ളതോ ആയ പ്രധാന ചിത്രങ്ങളിൽ ഓവർലേ ടെക്സ്റ്റായി ദൃശ്യമാകുന്നു. പ്രധാന രചനയിൽ, ഉൽപ്പന്ന കാർഡുകൾ വേഡ്മാർക്കിന് മുകളിൽ ഒരു ഫ്ലോട്ടിംഗ്, ചെറുതായി ഓവർലാപ്പ് ചെയ്യുന്ന നക്ഷത്രസമൂഹമായി സ്ഥാപിച്ചിരിക്കുന്നു. ഐക്കണുകൾ മിനിമലിസ്റ്റും മോണോക്രോമും (കറുത്ത ഔട്ട്ലൈനുകൾ) ആണ്, കാറ്റഗറി ഐക്കണുകൾ ഒഴികെ, അവ ഒരൊറ്റ ബ്രാൻഡ് നിറം ഉപയോഗിക്കുന്നു. ഉൽപ്പന്ന ചിത്രങ്ങളിൽ ചിത്രീകരണങ്ങളോ 3D ഇഫക്റ്റുകളോ ഗ്രേഡിയന്റുകളോ ഇല്ല.
പാലറ്റ്
ബ്രാൻഡ്
- Shop Violet
#5433eb— വെളുത്ത പശ്ചാത്തലത്തിൽ, സെൻഡ് ബട്ടൺ, ഡോട്ട് ഇട്ട ടെക്സ്റ്റ് മാർക്ക്, ബ്രാൻഡ് ലോഗോ എന്നിവ മാത്രമാണ് പ്രവർത്തനത്തെയും വ്യക്തിത്വത്തെയും എടുത്തുകാണിക്കുന്നത്. - Violet Wash
#c0b5f3— പർപ്പിൾ സെൻഡ് ബട്ടണിന് പിന്നിലായി നിറം മാറാതെ തിളക്കം നിലനിർത്തുന്ന ഒരു അർദ്ധസുതാര്യമായ ഹാലോ.
നിഷ്പക്ഷം
- Canvas Mist
#f2f4f5— ഉയർത്തിയ കാർഡുകൾക്ക് പിന്നിലെ പേജ് പശ്ചാത്തലവും അധിക ഉപരിതല ചികിത്സയും. - Pure White
#ffffff— കാർഡുകൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, ഫ്ലോട്ടിംഗ് ചിഹ്നങ്ങൾ, ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ എന്നിവയ്ക്കുള്ള പ്രധാന ഉപരിതലം. - Ink Black
#000000— പ്രധാന വാചകം, തലക്കെട്ടുകൾ, ഐക്കണുകൾ, നാവിഗേഷൻ ചിഹ്നങ്ങൾ, ഉൽപ്പന്ന കാർഡുകൾ എന്നിവ ഡാർക്ക് മോഡിൽ. - Faint Border
#ebebeb— കാർഡുകളിലെ നേർത്ത വിഭജന രേഖകൾ, ഇൻപുട്ട് ഫീൽഡ് ഔട്ട്ലൈനുകൾ, പിൽ ആകൃതിയിലുള്ള ബട്ടൺ ഫ്രെയിമുകൾ. - Muted Gray
#787574— നിഷ്ക്രിയമായിരിക്കുമ്പോൾ ദ്വിതീയ വാചകം, നാവിഗേഷൻ ലേബലുകൾ, ഐക്കൺ ഔട്ട്ലൈനുകൾ - Cool Stone
#cccccc— പ്ലെയ്സ്ഹോൾഡറുകൾ, പ്രവർത്തനരഹിതമാക്കിയ അവസ്ഥകൾ, നിഷ്ക്രിയ ഐക്കൺ പശ്ചാത്തലങ്ങൾ
ടൈപ്പോഗ്രാഫി
11 മുതൽ 16px വരെ · 4 ചുവടുകൾ
- GT Standard — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · എല്ലാ വലുപ്പത്തിലും - ബോഡി ടെക്സ്റ്റിനും ഹെഡിംഗുകൾക്കും - പ്രാഥമിക ഫോണ്ട്. 16px/-0.031em ലെ GTStandard-MRegular ആണ് ബോഡി ടെക്സ്റ്റ്, ബട്ടണുകൾ, ലേബലുകൾ എന്നിവയ്ക്കുള്ള പ്രാഥമിക ഫോണ്ട്. 20px/-0.05em ലെ GTStandard-MSemibold നിരവധി വലിയ ഹെഡിംഗുകൾക്ക് ഉപയോഗിക്കുന്നു; 11–12px ലെ GTStandard-MMedium മൈക്രോ ക്യാപ്ഷനുകൾക്ക് ഉപയോഗിക്കുന്നു. ഓരോ ഫോണ്ട് വേരിയന്റും 400 എന്ന ഒപ്റ്റിക്കൽ വെയ്റ്റോടെ പ്രദർശിപ്പിക്കും - ബോൾഡ് കോൺട്രാസ്റ്റിനേക്കാൾ സൂക്ഷ്മമായ ഗ്രേഡിയന്റുകളിലൂടെയും ഇടതൂർന്ന നെഗറ്റീവ് ലെറ്റർ സ്പേസിംഗിലൂടെയും ഫോണ്ട് ശ്രേണി കൈവരിക്കുന്നു. ഇതൊരു സിഗ്നേച്ചർ ശൈലിയാണ്: ഷോപ്പ് ബോൾഡ് ഫോണ്ടുകൾ ഉപയോഗിച്ച് ശബ്ദിക്കുന്നില്ല, മറിച്ച് അക്ഷര സ്പേസിംഗ് വഴി വാചകം രൂപപ്പെടുത്തുന്നു.
- Shopify Sans — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 700 · ആപ്പ് ലോഡിംഗ് ബാനറുകൾ, കുക്കി സമ്മത വാചകം തുടങ്ങിയ സിസ്റ്റം-ലെവൽ സന്ദേശങ്ങൾക്കായി കരുതിവച്ചിരിക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 12px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 28px |
| ഷാഡോകൾ | മൃദുവായ നിഴലുകൾ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 64px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Shop ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Cursor — പുകയുന്ന കനൽ കത്തിച്ചുവെച്ച, സുഖകരമായ ഒരു കടലാസ് പണിശാല.
- Slush — പാസ്റ്റൽ പേപ്പറിൽ സ്റ്റിക്കറുകളുടെ ഊതിവീർപ്പിക്കാവുന്ന പ്രപഞ്ചം
- MindMarket — ക്രീം പേപ്പറിൽ ഒരു സുഖകരമായ യക്ഷിക്കഥ പുസ്തകം - സൂര്യപ്രകാശം കൊണ്ട് നനഞ്ഞ, സ്റ്റിക്കർ പോലെ മൃദുവായ പ്രതലത്തിൽ വലിയ ഇന്റർ തലക്കെട്ടുകളും കട്ട്-ഔട്ട് പേപ്പർ കഥാപാത്രങ്ങളും ഒരുമിച്ച് കാണപ്പെടുന്ന സൗഹൃദപരമായ എഡിറ്റോറിയൽ ക്യാൻവാസ്.
- Airbnb — ഒറ്റ പവിഴപ്പുറ്റിന്റെ ചുവന്ന ബുക്ക്മാർക്കുള്ള ശാന്തമായ വെളുത്ത ഗാലറി മതിൽ.
- Superr — ഇളം വെയിലിൽ ഒരു ചൂടുള്ള സ്കൂൾ നോട്ട്ബുക്ക്. ക്രീം നിറമുള്ള ഒരു പേജ്, തൊപ്പിയില്ലാത്ത ഓറഞ്ച് മാർക്കർ, പിന്നെ പൊളിക്കാൻ കാത്തിരിക്കുന്ന ലാമിനേറ്റഡ് നെയിം സ്റ്റിക്കറുകളുടെ ഒരു കൂട്ടം.
- Apple (España) — നേരിയ പകൽ വെളിച്ചത്തിൽ, മ്യൂസിയം ഗാലറി ആകർഷകവും ഭാരമില്ലാത്തതുമായ ഒരു വെളുത്ത ഇടമാണ്, ഓരോ പ്രദർശനവും നേരിയ നിറം മങ്ങിയ ചുവരിന് നേരെ സ്പോട്ട്ലൈറ്റ് കൊണ്ട് പ്രകാശിക്കുന്നു.
- Lamborghini — ഷോറൂമിൽ കറുത്ത നിറത്തിലുള്ള ബോഡി, സ്പോട്ട്ലൈറ്റുകൾക്ക് കീഴിൽ - ഒരു മഞ്ഞ കാർ.
- Amplemarket — കൺഫെറ്റി കൊണ്ട് ചിതറിക്കിടക്കുന്ന വെയിലിൽ നനഞ്ഞ ജോലിസ്ഥലം.
- Getharvest — ഗോൾഡൻ അവറിൽ ഒരു മേശ - ഒരു ചൂടുള്ള ക്രീം ക്യാൻവാസ്, ക്യാൻവാസിൽ തൂക്കിയിട്ടിരിക്കുന്ന വെളുത്ത പോസ്റ്റ്കാർഡുകൾ, പിന്നെ ഒരു തിളക്കമുള്ള ഓറഞ്ച് ജ്വാല.
- Agence Foudre — ലിപ്സ്റ്റിക്കിനെ അനുസ്മരിപ്പിക്കുന്ന മൃദുവായ പിങ്ക് നിറമാണ് മാസികയുടെ കവർ പേജ്.
- Drive Capital — ചൂടുള്ള കടലാസിൽ റെട്രോ റോഡ് ട്രിപ്പ് പോസ്റ്റർ
- Apple (España) — വെളുത്ത ഗാലറി ഡിസ്പ്ലേ കേസ്