ടെലിഗ്രാം, WhatsApp  +380637610482
വലേരി ഡാൻയുക്ക്
വലേരി ഡാൻയുക്ക്ഡെവലപ്പർബിസിനസുകൾക്കായി AI ഉപകരണങ്ങൾ വികസിപ്പിക്കൽ. ഉയർന്ന നിലവാരം. താങ്ങാനാവുന്ന വില.Telegram-ൽ എഴുതുക
Shopify — ഈ ശൈലിയിലുള്ള ഒരു സൈറ്റിന്റെ പ്രിവ്യൂ

Shopify

അർദ്ധരാത്രി ഹരിതഗൃഹം - ആഴത്തിലുള്ള ടർക്കോയ്‌സ് പശ്ചാത്തലത്തിൽ വിരിഞ്ഞുനിൽക്കുന്ന വ്യാപാരമുദ്രകൾ, ഒരു പുതിനയുടെ തീപ്പൊരിയാൽ പ്രകാശിതമാകുന്നു.

ഷോപ്പിഫൈയുടെ ഡിസൈൻ സിസ്റ്റം വാണിജ്യത്തിനായുള്ള ഒരു അർദ്ധരാത്രി വർക്ക്‌ഷോപ്പാണ്: ആഴത്തിലുള്ള ടർക്കോയ്‌സ് പച്ച നിറത്തിൽ ചായം പൂശിയ കറുത്ത നിറത്തിലുള്ള ക്യാൻവാസ്, വീതിയേറിയതും ആത്മവിശ്വാസമുള്ളതുമായ സാൻസ്-സെരിഫ് ടൈപ്പ്ഫേസ്, സംവേദനാത്മക നിമിഷങ്ങളെ സജീവമാക്കുന്ന ഒറ്റ ഊർജ്ജസ്വലമായ മിന്റ് ആക്‌സന്റ്. ഇന്റർഫേസ് ഒരു ഡാർക്ക്‌റൂമിനോട് സാമ്യമുള്ളതാണ്, അവിടെ ഉൽപ്പന്നങ്ങളും ബ്രാൻഡുകളും പ്രകാശത്തിന്റെ ഉറവിടമാണ് - ഫോട്ടോകളും സ്റ്റോർഫ്രണ്ടുകളും കറുത്ത നിറത്തിനടുത്തുള്ള പ്രതലങ്ങളിൽ തിളങ്ങുന്നു, അതേസമയം ക്രോം ഘടകങ്ങൾ പിൻവാങ്ങുന്നു. ഘടകങ്ങൾ ജ്യാമിതീയമാണെങ്കിലും മൃദുവാണ്: നേർത്ത ബോർഡറുകളുള്ള 12px-റേഡിയസ് കാർഡുകൾ, ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ, ആർപ്പുവിളിക്കുന്നതിനുപകരം സ്കെയിൽ മന്ത്രിക്കുന്ന 330-ഭാരമുള്ള ടൈപ്പ്ഫേസ്. ലിങ്കുകൾ, ടാഗുകൾ, ഫോക്കസ് സ്റ്റേറ്റുകൾ എന്നിവയിൽ ഒരു സിംഗിൾ ക്രോമാറ്റിക് വിരാമചിഹ്നം (#36f4a4) മിതമായി ഉപയോഗിക്കുന്നു, വ്യാപാരി കഥകൾ ദൃശ്യ കേന്ദ്രബിന്ദുവായി തുടരുന്നുവെന്ന് ഉറപ്പാക്കാൻ പ്രവർത്തനപരമായ നിമിഷങ്ങൾക്ക് നിറം നീക്കിവയ്ക്കുന്നു.

പരമാവധി വീതി ~1280px ആണ്, മധ്യഭാഗത്ത്, ഫോട്ടോ കണ്ടെയ്‌നറിന് അപ്പുറത്തേക്ക് വ്യാപിച്ചുകിടക്കുന്ന പൂർണ്ണ വീതിയുള്ള സ്പ്ലാഷ് ബ്ലോക്കുകൾ. പേജ് റിഥം മാറിമാറി വരുന്നു: (1) ഓവർലേ ചെയ്ത തലക്കെട്ടും കോൾ-ടു-ആക്ഷൻ ബട്ടണുകളുമുള്ള ഒരു പൂർണ്ണ വീതിയുള്ള ഇരുണ്ട സ്പ്ലാഷ് പേജ്, (2) 2 കോളങ്ങളിൽ പരമാവധി വീതിയുള്ള വാചകവും ഇമേജ് ബ്ലോക്കുകളും ഉള്ള സുഖപ്രദമായ ഇരുണ്ട വിഭാഗങ്ങൾ അല്ലെങ്കിൽ 3 കോളങ്ങളിൽ ഇമേജ് ഗ്രിഡുകൾ, (3) ആഴത്തിലുള്ള ക്യാൻവാസിൽ ഉയർത്തിയ കാർഡുകളായി പ്രദർശിപ്പിച്ചിരിക്കുന്ന ഇന്ററാക്ടീവ് ഷോകേസ് പാനലുകൾ (ഉൽപ്പന്ന കാർഡ്, ഷിപ്പിംഗ് കാൽക്കുലേറ്റർ, ലോക ഭൂപടം). ലോഗോ + 3 നാവിഗേഷൻ ഘടകങ്ങൾ + ദ്വിതീയ ലിങ്കുകൾ + പ്രാഥമിക കോൾ-ടു-ആക്ഷൻ ബട്ടൺ എന്നിവയുള്ള ഒരു നിശ്ചിത ടോപ്പ് ബാറാണ് നാവിഗേഷൻ, എല്ലാം വലതുവശത്തേക്ക് വിന്യസിച്ചിരിക്കുന്നു. സുഗമമായ സംക്രമണത്തോടെ വിഭാഗങ്ങൾക്കിടയിൽ 80px വിടവുകൾ ലംബ റിഥം ഉപയോഗിക്കുന്നു—ഇരുണ്ട വിഭാഗങ്ങൾക്കിടയിൽ ഡിവൈഡറുകളില്ല, ഉപരിതല ടോണിൽ മാറ്റം മാത്രം.

വിഷ്വൽ ഡിസൈൻ പ്രധാനമായും റീട്ടെയിലറെ കേന്ദ്രീകരിച്ചാണ്: ബ്രാൻഡ് ഇവന്റുകളിൽ നിന്നുള്ള പൂർണ്ണ വലുപ്പത്തിലുള്ള ഉൽപ്പന്ന ഫോട്ടോകളും ഫോട്ടോകളുമാണ് വിഷ്വൽ വെയ്റ്റിന്റെ ഭൂരിഭാഗവും വഹിക്കുന്നത്, പലപ്പോഴും വെളുത്ത നിറത്തിലുള്ള വാചകം പൊതിഞ്ഞ വലിയ പശ്ചാത്തലങ്ങളുടെ രൂപത്തിലാണ്. ചിത്രങ്ങൾ കർശനമായി ക്രോപ്പ് ചെയ്‌തിരിക്കുന്നു, ഉയർന്ന ദൃശ്യതീവ്രതയുള്ളതും ഉത്സവ സ്വഭാവമുള്ളതുമാണ് (നാസ്ഡാക്ക് ബെല്ലിന്റെ മുഴക്കം, ഗ്രൂപ്പ് ആശംസകൾ, കൈയിലുള്ള ഉൽപ്പന്നങ്ങളുടെ ക്ലോസപ്പുകൾ). ഇരുണ്ട പശ്ചാത്തലം ഈ ഫോട്ടോകൾ സ്‌പോട്ട്‌ലൈറ്റുകളാൽ പ്രകാശിപ്പിക്കപ്പെടുന്നു എന്ന പ്രതീതി സൃഷ്ടിക്കുന്നു. ചിത്രീകരണങ്ങൾ മിനിമലിസ്റ്റാണ് - പ്രധാന വിശദീകരണ ജോലി എംബഡഡ് ഉൽപ്പന്ന ചിത്രങ്ങളും സ്റ്റോർഫ്രണ്ടുകളുടെ സ്‌ക്രീൻഷോട്ടുകളും ഉപയോഗിച്ചാണ് ചെയ്യുന്നത്. ഐക്കണുകൾ മോണോക്രോം ആണ്, 1.5–2px ലൈൻ വീതി, സാധാരണയായി വെള്ള അല്ലെങ്കിൽ സജീവ സംസ്ഥാനങ്ങൾക്ക് #36f4a4.

പാലറ്റ്

ബ്രാൻഡ്

  • Shopify Mint #36f4a4 — സജീവ നാവിഗേഷൻ സൂചകങ്ങൾ, ഫോക്കസ് റിംഗുകൾ, ടാഗ് ഹൈലൈറ്റുകൾ, ലിങ്കുകളിലെ ഹോവർ ഹൈലൈറ്റുകൾ എന്നിവ മാത്രമാണ് ഇരുണ്ട പശ്ചാത്തലത്തിൽ പ്രാപ്തമാക്കിയ ഇന്ററാക്റ്റിവിറ്റിയുടെ ഒരു ബോധം സൃഷ്ടിക്കുന്ന ക്രോമാറ്റിക് സ്പാർക്കിൾ.

നിഷ്പക്ഷം

  • Midnight Forest #02090a — പേജ് ക്യാൻവാസ്, തലക്കെട്ട് പശ്ചാത്തല ചിത്രങ്ങൾ, വിഭാഗ പശ്ചാത്തല ചിത്രങ്ങൾ
  • Deep Lichen #061a1c — പ്രധാന കാർഡ് പ്രതലങ്ങൾ, ഉയർത്തിയ പാനലുകൾ, ഉള്ളടക്ക ബ്ലോക്കുകൾ.
  • Shaded Fern #072720 — നാവിഗേഷൻ പാനൽ, അധിക കാർഡുകൾ, പാനലിന്റെ വളരെ ശ്രദ്ധേയമായ ഉയർച്ച.
  • Spruce Border #1e2c31 — കാർഡുകൾക്കുള്ള നേർത്ത ബോർഡറുകൾ, വിഭജിക്കുന്ന രേഖകൾ, ഇൻപുട്ട് ഫീൽഡ് രൂപരേഖകൾ.
  • Abyss Indigo #000a1e — ഉൽപ്പന്നങ്ങൾ/പ്രകടനങ്ങൾ ഉൾച്ചേർക്കുന്നതിനുള്ള അധിക ഉപരിതലം, പ്രവർത്തനങ്ങളുടെ വിവരണങ്ങളുള്ള പാനലുകൾ.
  • Pure White #ffffff — പ്രധാന വാചകം, ബട്ടൺ ഫിൽ, ശീർഷകം, ലോഗോകൾ.

ടൈപ്പോഗ്രാഫി

12 മുതൽ 70px വരെ · 8 ചുവടുകൾ

  • Neue Haas Grotesk — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 330, 400, 500, 550, 600 · കോർ ടൈപ്പോഗ്രാഫിക് സിസ്റ്റം 70–96px (330–400) ഫോണ്ട് വെയ്റ്റുള്ള ഹെഡ്‌ലൈനുകളാണ്, അവ ഉച്ചത്തിൽ അല്ല, മറിച്ച് സൂക്ഷ്മമാണ്; 16–18px (400–500) ഫോണ്ട് വെയ്റ്റുള്ള ബോഡി കോപ്പി; 14–16px (500–550) ഫോണ്ട് വെയ്റ്റുള്ള നാവിഗേഷനും യൂസർ ഇന്റർഫേസും. വലിയ സ്‌ക്രീൻ വലുപ്പങ്ങളിൽ 330 എന്ന അൾട്രാ-ലൈറ്റ് ഫോണ്ട് വെയ്റ്റ് ഒരു വ്യതിരിക്ത സവിശേഷതയാണ്: ഇത് ബൾക്കിനെക്കാൾ സംയമനത്തിലൂടെ ആത്മവിശ്വാസം പകരുന്നു.
  • Inter Variable — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 420, 450, 550 · നാവിഗേഷൻ ഇന്റർഫേസ് ഘടകങ്ങൾ, ചെറിയ കുറിപ്പുകൾ, ടാബ് നിയന്ത്രണങ്ങൾ, ഫൂട്ടറുകളിലെ മൈക്രോടെക്സ്റ്റ് എന്നിവയിൽ ഉപയോഗിക്കുന്ന ഒരു ദ്വിതീയ ഫോണ്ട് തരം. ഇതിന്റെ അൽപ്പം വലിയ ചെറിയ അക്ഷരങ്ങളും കൂടുതൽ സ്റ്റാൻഡേർഡ് അക്ഷര വിടവും കോം‌പാക്റ്റ് വലുപ്പങ്ങളിൽ കൂടുതൽ വായിക്കാൻ കഴിയുന്നതാക്കുന്നു. 420-ഭാരമുള്ള ഫോണ്ട് ഒരു സാധാരണ ഫോണ്ടിനും ഇടത്തരം വലുപ്പമുള്ള ഫോണ്ടിനും ഇടയിലുള്ള വിടവ് നികത്തുന്ന സാഹചര്യങ്ങൾക്കും ഇത് അനുയോജ്യമാണ്.

ഇടവേളകളും രൂപവും

ഉദ്ദേശ്യംഅർത്ഥം
സാന്ദ്രതശരാശരി
അടിസ്ഥാന ഘട്ടം12px
ബട്ടൺ ആരം9999px
കാർഡ് ആരം12px
ഷാഡോകൾഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല
വിഭാഗങ്ങൾക്കിടയിൽ80px
പേജ് വീതി1280px

AI നിങ്ങളുടെ വെബ്‌സൈറ്റ് Shopify ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.

  • Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
  • നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
  • മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
  • തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്‌വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.

സമാനമായ ശൈലികൾ

  • Retool — ഒരു ചൂടുള്ള ഒബ്സിഡിയൻ വർക്ക്ഷോപ്പ് - കൃത്യതയുള്ള ഉപകരണങ്ങൾക്കുള്ള ഒരു ഉപരിതലം, പുകയുന്ന തീക്കനലുകൾ കത്തിക്കുന്നു, അവിടെ എല്ലാം സൃഷ്ടിക്കപ്പെടുന്നു.
  • Elektron — അർദ്ധരാത്രിയിലെ ഉപകരണ നിയന്ത്രണ പാനൽ ഏതാണ്ട് കറുത്ത നിറത്തിലുള്ള ഒരു ക്യാൻവാസാണ്, അവിടെ ഉൽപ്പന്ന ഫോട്ടോകൾ തിളങ്ങുന്നു, അതേസമയം ഇന്റർഫേസ് ഫലത്തിൽ അദൃശ്യമായി തുടരുന്നു.
  • REKKI — ഫോട്ടോ ലാബിലെ ഫ്ലൈറ്റ് കൺട്രോൾ പാനൽ
  • OFFFICE : — മോണോലിത്തിക് ഫോണ്ടിൽ മുഴുകിയ ഒരു നോയർ ഗാലറി
  • Clyde — ഒറ്റ സ്പോട്ട്‌ലൈറ്റ് മാത്രമുള്ള ഷോറൂം ഏതാണ്ട് ഇരുണ്ട ഒരു ഗാലറിയാണ്, അവിടെ മുറിയിലെ ഏക നിറം ഒരു ചൂടുള്ള ഗ്രേഡിയന്റ് ബോൾ മാത്രമാണ്.
  • Channel Studio — ഒരു പവിഴപ്പുറ്റിന്റെ വിളക്കുമാടമുള്ള ഒരു സ്റ്റുഡിയോ ഫോട്ടോ ലാബ്
  • Electronic Materials Office — കരി കൊണ്ട് അലങ്കരിച്ച ഒരു ഗാലറിയിലെ തിളങ്ങുന്ന ഒരു കനൽ
  • ORYZO AI — ഒരു ഇരുണ്ട മുറിയെക്കുറിച്ചുള്ള ഒരു ഫോട്ടോ ഉപന്യാസം. ചൂടുള്ള ഇരുട്ടിൽ ഒറ്റയ്ക്ക് ചുറ്റിത്തിരിയുന്ന ഒരു വസ്തു, ക്രീം ഫോണ്ട് മാത്രമാണ് അലങ്കാരം.
  • Factory — അർദ്ധരാത്രിയിലെ "യുദ്ധമുറി" ടെർമിനൽ. "ഫാക്ടറി" എന്നത് കറുത്ത നിറത്തിലുള്ള ഒരു നിയന്ത്രണ പാനലാണ്, അവിടെ ഒരു വെളുത്ത കാർഡ് ഫ്ലാഷ്‌ലൈറ്റ് കത്തിച്ച ഡിസ്‌പാച്ച് പോലെ ലാൻഡ് ചെയ്യുന്നു - മുറിയിലെ ഒരേയൊരു കാര്യം ജോലി തന്നെയാണ്.
  • Hungry Tiger — തന്തൂരിന്റെ ചുമരിൽ മഞ്ഞൾ നിറത്തിൽ തിളങ്ങുന്ന ചുവരെഴുത്ത്. സ്വർണ്ണവും തുരുമ്പിച്ച തവിട്ടുനിറവും ചേർന്ന ഏകീകൃത പാലറ്റ്, വളരെ വലിയ ഫോണ്ട് ഉള്ളതിനാൽ, അത് ഒരു വെബ്‌സൈറ്റ് എന്നതിലുപരി ഒരു സുഗന്ധവ്യഞ്ജന വിപണി ചിഹ്നം പോലെയാണ് കാണപ്പെടുന്നത്.
  • Bibliothèque — സ്പോട്ട്ലൈറ്റിന് കീഴിലുള്ള ഒരു കറുത്ത ക്യൂബ് ആകൃതിയിലുള്ള ഗാലറി - വിശാലമായ ഇരുണ്ട ഹാളിൽ പ്രകാശമുള്ള ഒരു ഒറ്റപ്പെട്ട പ്ലേറ്റ്.
  • Apple (España) — പ്രകാശിത ഫിറ്റിംഗുകളുള്ള കറുത്ത തിയേറ്റർ