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

Apple

നീല നിറത്തിലുള്ള ഒറ്റ സ്വിച്ചുള്ള വെളുത്ത മുറി.

ആപ്പിളിന്റെ രൂപകൽപ്പന ഒരു സംയമന മാതൃകയാണ്: ഏതാണ്ട് വെളുത്ത നിറത്തിലുള്ള ക്യാൻവാസ്, വിശാലമായ വെളുത്ത ഇടം, ഓരോ പ്രവൃത്തിയും മനഃപൂർവ്വം അനുഭവപ്പെടുത്തുന്ന ഒറ്റ, ഊർജ്ജസ്വലമായ നീല ആക്സന്റ്. പ്രധാന ശ്രദ്ധാകേന്ദ്രം ടൈപ്പോഗ്രാഫിയിലാണ് - SF Pro, വലുപ്പം കൂടുന്നതിനനുസരിച്ച് കുറയുന്ന നെഗറ്റീവ് അക്ഷര വിടവ്, അമിതമായി ഭാരമില്ലാതെ തലക്കെട്ടുകൾക്ക് ഒരു വാസ്തുവിദ്യാ വ്യക്തത നൽകുന്നു. ഉൽപ്പന്നം രൂപകൽപ്പനയാണ്: വലിയ ഉൽപ്പന്ന ഫോട്ടോകളും ജീവിതശൈലി ചിത്രങ്ങളും ആധിപത്യം പുലർത്തുന്നു, അതേസമയം ക്രോം ഘടകങ്ങൾ നേർത്ത ഫ്രെയിമുകളിലേക്കും അർദ്ധസുതാര്യമായ നാവിഗേഷനിലേക്കും സൂക്ഷ്മമായ വരകളിലേക്കും പിൻവാങ്ങുന്നു. പ്രമോഷണൽ മെറ്റീരിയലുകൾക്കായി പൂർണ്ണ വർണ്ണ ബ്ലോക്കുകളുള്ള ഇളം ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു, അലങ്കാര ഘടകങ്ങളേക്കാൾ സ്കെയിലിലെ മാറ്റങ്ങളിലൂടെ താളം സൃഷ്ടിക്കുന്നു.

പേജ് ലേഔട്ട് ഒരു പൂർണ്ണ വീതിയുള്ള പേജാണ്, പരമാവധി കണ്ടെയ്നർ വീതിക്ക് ഒരു നിശ്ചിത വലുപ്പമില്ല - അരികിൽ നിന്ന് അരികിലേക്ക് നീളുന്ന വിഭാഗങ്ങളുണ്ട്, ഏകദേശം 980px ൽ ടെക്സ്റ്റ് ബ്ലോക്കുകൾ കേന്ദ്രീകരിച്ചിരിക്കുന്നു. സ്ക്രോളിൽ ദൃശ്യമാകുന്ന ഓരോ ഉൽപ്പന്നത്തിനും ഒരു അധിക സബ്ഫോൾഡറുള്ള ഒരു സിംഗിൾ, ഫിക്സഡ് ഗ്ലോബൽ ബാറാണ് നാവിഗേഷൻ. പ്രധാന ലേഔട്ട് എല്ലായ്പ്പോഴും കേന്ദ്രീകൃതമാണ്: ഒരു വലിയ ഉൽപ്പന്ന നാമം, ഒരു സിംഗിൾ-ലൈൻ ടാഗ്‌ലൈൻ, രണ്ട് പിൽ ബട്ടണുകൾ, തുടർന്ന് ശേഷിക്കുന്ന വ്യൂപോർട്ട് നിറയ്ക്കുന്ന ഒരു ഉൽപ്പന്ന ചിത്രം. വിഭാഗങ്ങൾ ലംബമായി ഒരു ഉദാരമായ ലംബ താളം (വിഭാഗങ്ങൾക്കിടയിൽ 64px+), ഒന്നിടവിട്ട #f5f5f7, നിറമുള്ള പശ്ചാത്തലങ്ങൾ എന്നിവ ഉപയോഗിച്ച് അടുക്കിയിരിക്കുന്നു. താഴത്തെ പേജ് പൂർണ്ണ വീതിയുള്ള സർവീസ് കാർഡുകളുടെ ഒരു തിരശ്ചീന നിരയാണ് (ആപ്പിൾ ടിവി+, ഫിറ്റ്നസ്+, സംഗീതം, ആർക്കേഡ്), ഓരോന്നിനും ഓവർലേ ടെക്സ്റ്റും ഒരു പിൽ ബട്ടണും ഉള്ള ഒരു ഫോട്ടോ ബ്ലോക്ക്. സൈഡ്‌ബാറുകളില്ല, മൾട്ടി-കോളം ഉള്ളടക്ക ലേഔട്ടുകളില്ല, അസമമായ കോമ്പോസിഷനുകളില്ല - എല്ലാം കേന്ദ്രീകൃതവും അടുക്കിയതും സമമിതിയുമാണ്.

ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യഭാഷ. ഉൽപ്പന്ന ഫോട്ടോകൾ ശുദ്ധമായ വെള്ള അല്ലെങ്കിൽ മൃദുവായ ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിലാണ് എടുക്കുന്നത്, യാതൊരു സന്ദർഭവുമില്ലാതെ - ഉപകരണം നക്ഷത്രമാണ്, ഒറ്റപ്പെട്ടതും പ്രകാശപൂരിതവുമാണ്. ജീവിതശൈലി ഫോട്ടോകൾ പൂർണ്ണ വീതിയുള്ള ബാനറുകളിലാണ് പ്രദർശിപ്പിക്കുന്നത്, പലപ്പോഴും കർശനമായി ക്രോപ്പ് ചെയ്ത വസ്തുക്കൾ. വർണ്ണ ഗ്രേഡിയന്റുകൾ (പാസ്റ്റൽ നീല, പിങ്ക്, പച്ച) ഉൽപ്പന്ന വിഭാഗങ്ങളുടെ പശ്ചാത്തലമായി വർത്തിക്കുന്നു, അലങ്കാരമായിട്ടല്ല. ഐക്കണോഗ്രഫി മിനിമലിസ്റ്റും ലൈൻ അധിഷ്ഠിതവുമാണ്, 1-2px കട്ടിയുള്ളതും, ടെക്സ്റ്റിന്റെ അതേ ഗ്രേസ്കെയിലിൽ. ഉൽപ്പന്ന ഫോട്ടോകൾ ഒഴികെ ചിത്രീകരണങ്ങളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല, 3D റെൻഡറിംഗുകളില്ല.

പാലറ്റ്

ബ്രാൻഡ്

  • Apple Blue #0071e3 — പൂരിപ്പിച്ച ആക്ഷൻ ബട്ടണുകൾ, തിരഞ്ഞെടുത്ത അവസ്ഥകൾ - ഓരോ രൂപവും അർത്ഥവത്തായതാക്കാൻ മിതമായി ഉപയോഗിക്കുന്ന ഒരേയൊരു സംവേദനാത്മക ക്രോമാറ്റിക് നിറം.
  • Link Blue #0066cc — ഹൈലൈറ്റ് ചെയ്ത ആക്ഷൻ ബോർഡറുകൾ, എംബഡഡ് ലിങ്കുകൾ - നിറച്ച ടാബ്‌ലെറ്റ് വളരെ മിന്നുന്ന തരത്തിൽ ആപ്പിൾ ബ്ലൂവിനേക്കാൾ കൂടുതൽ പൂരിത നിറം ഉപയോഗിക്കുന്നു.
  • Signal Blue #2997ff — അലങ്കാര ഫ്രെയിമുകൾ, ചിത്ര രൂപരേഖകൾ, ഐക്കൺ ബോർഡറുകൾ - സിസ്റ്റത്തിലെ ഏറ്റവും ഇളം നീല നിറം, ഉപയോക്തൃ ഇടപെടലിനേക്കാൾ അന്തരീക്ഷത്തിന് ഉപയോഗിക്കുന്നു.

നിഷ്പക്ഷം

  • Carbon #1d1d1f — പ്രധാന വാചകം, തലക്കെട്ട് ബോർഡറുകൾ, നാവിഗേഷൻ ലൈനുകൾ, കാർഡ് ബോർഡറുകൾ - പ്രധാന മഷി നിറം ഏതാണ്ട് കറുപ്പാണ്, ചെറിയൊരു ഊഷ്മളതയുമുണ്ട്.
  • Frost #f5f5f7 — പേജ് ക്യാൻവാസ്, പ്രധാന ടെക്സ്റ്റ് പശ്ചാത്തലം, ഫൂട്ടർ ഉപരിതലം എന്നിവ ആപ്പിളിന്റെ സിഗ്നേച്ചർ ഇളം ചാരനിറമാണ്, ശുദ്ധമായ വെള്ളയേക്കാൾ അല്പം തണുത്തതാണ്.
  • Ice #f4f8fb — എക്സ്പ്രസീവ് സർഫസ് ഫില്ലുകൾ, സൂക്ഷ്മമായ നിറങ്ങൾ, ഇരുണ്ട പശ്ചാത്തലത്തിലുള്ള ബട്ടൺ ടെക്സ്റ്റ് - വിഭാഗത്തെ വേറിട്ടു നിർത്താതെ ജീവസുറ്റതാക്കുന്ന സൂക്ഷ്മമായ നീല നിറം.
  • Smoke #333333 — സെക്കൻഡറി ടെക്സ്റ്റ്, നാവിഗേഷൻ ഫിൽ, ബട്ടൺ ബോർഡറുകൾ - ഇടത്തരം ചാരനിറത്തേക്കാൾ കൂടുതൽ പഞ്ച് ആവശ്യമുള്ള ബോർഡറുകൾക്കും ഐക്കണുകൾക്കുമായി ഒരു വൈവിധ്യമാർന്ന ന്യൂട്രൽ നിറം.
  • Graphite #474747 — നാവിഗേഷൻ ടെക്സ്റ്റ്, നാവിഗേഷൻ ബോർഡറുകൾ, ലിങ്ക് ബോർഡറുകൾ - മൂലക ശ്രേണിയിൽ കാർബണിനും പുകയ്ക്കും ഇടയിൽ ഒരു ഇന്റർമീഡിയറ്റ് സ്ഥാനം വഹിക്കുന്നു.
  • Ash #707070 — അടിക്കുറിപ്പ് വാചകം, ലിസ്റ്റ് ബോർഡറുകൾ, നാവിഗേഷൻ ബോർഡറുകൾ, മ്യൂട്ട് ചെയ്ത ബോഡി വാചകം - പ്രകടമായിരിക്കേണ്ടതും എന്നാൽ പ്രകടമല്ലാത്തതുമായ ഉള്ളടക്കത്തിന് ഇടത്തരം ചാരനിറം.

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

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

  • SF Pro Display — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 600, 700 · തലക്കെട്ടുകളും വലിയ വാചകവും—40px+ വലുപ്പങ്ങൾ ഇടുങ്ങിയ അപ്പേർച്ചറിനും ശക്തമായ നെഗറ്റീവ് ട്രാക്കിംഗിനും ഒരു ഡിസ്പ്ലേ ഫോർമാറ്റ് ഉപയോഗിക്കുന്നു; 700 പരസ്യ ലേഔട്ടുകൾക്കായി നീക്കിവച്ചിരിക്കുന്നു, 400 എഡിറ്റോറിയൽ ഉള്ളടക്കത്തിലെ ഉൽപ്പന്ന നാമങ്ങൾക്കായി നീക്കിവച്ചിരിക്കുന്നു.
  • SF Pro Text — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 300, 400, 600 · ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ, ബട്ടണുകൾ, ഉപതലക്കെട്ടുകൾ — പ്രവർത്തിക്കുന്ന ഫോണ്ട്; ബോഡി ടെക്സ്റ്റിന് 400, സബ്തലക്കെട്ടുകൾക്കും യോഗ്യതയുള്ള ലേബലുകൾക്കും 300, നാവിഗേഷൻ ഘടകങ്ങൾക്കും ബട്ടൺ ടെക്സ്റ്റിനും 600; നെഗറ്റീവ് അക്ഷരങ്ങളുടെ അകലം വലുപ്പത്തിന് ആനുപാതികമായി കുറയുന്നു (-0.022em മുതൽ 12px മുതൽ -0.01em മുതൽ 44px വരെ).

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

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

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

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

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

  • Studio — ചലിക്കുന്ന ഒരു ഗാലറി ഭിത്തി. ഓരോ സ്‌ക്രീനും ശാന്തവും ചാരനിറത്തിലുള്ളതുമായ ഒരു പ്രദർശന പ്രതലത്തെ പ്രതിനിധീകരിക്കുന്നു, അവിടെ ടൈപ്പോഗ്രാഫിക് മെറ്റീരിയലുകളും ഓവർലാപ്പ് ചെയ്യുന്ന സൃഷ്ടിപരമായ സൃഷ്ടികളും ശ്രദ്ധയ്ക്കായി മത്സരിക്കുന്നു.
  • Mollie — ഒരു കാഷ്മീരി കൗണ്ടർ, ഒരു ഇരുണ്ട ലെഡ്ജർ. കറുത്ത വാചകത്തിന് ചുറ്റും എഡിറ്റോറിയൽ രൂപകൽപ്പനയ്ക്കായി മതിയായ വെളുത്ത ഇടം നൽകുക, തുടർന്ന് വാം ക്രീമുകൾ, എസ്പ്രസ്സോ ബ്രൗൺസ്, യഥാർത്ഥ പേയ്‌മെന്റ് രീതികളുടെ സ്പർശിക്കുന്ന ഫോട്ടോകൾ എന്നിവ ഉപയോഗിച്ച് ഉൽപ്പന്നവുമായി ബന്ധപ്പെട്ട പോയിന്റുകൾ ശക്തിപ്പെടുത്തുക.
  • Basis Theory — ഡിസൈൻ സ്റ്റുഡിയോയിലെ പേയ്‌മെന്റ് ടെർമിനലുകൾ. വെളുത്ത സാങ്കേതിക പേപ്പർ, ഓവർലാപ്പ് ചെയ്യുന്ന അർദ്ധസുതാര്യ ഇടപാട് പാളികൾ, ഒരൊറ്റ ടർക്കോയ്‌സ് നിയന്ത്രണ ഘടകം എന്നിവ ദൃശ്യ ദിശയെ നിർവചിക്കുന്നു.
  • CleanShot X — നീല നിറത്തിലുള്ള ഡെസ്ക്ടോപ്പുള്ള ഒരു സ്റ്റുഡിയോ. കോം‌പാക്റ്റ് ബ്ലാക്ക് ടെക്സ്റ്റിന് ചുറ്റും ശാന്തമായ ഒരു വെളുത്ത ഇടം സൃഷ്ടിക്കുക, തുടർന്ന് സമ്പന്നമായ നീല നിയന്ത്രണങ്ങളും ലെയേർഡ് മാക് ഉൽപ്പന്ന ചിത്രങ്ങളും കേന്ദ്രബിന്ദുവായി മാറട്ടെ.
  • Modern Treasury — ഗ്രാഫ് പേപ്പറിൽ ഒരു ട്രഷറി ലെഡ്ജർ. ശാന്തവും വെളുത്തതുമായ ഒരു ഓപ്പറേറ്റിംഗ് ഷീറ്റിനോട് സാമ്യമുള്ള പേജുകൾ സൃഷ്ടിക്കുക, അവിടെ പണമൊഴുക്കുകൾ നേർത്ത വരകൾ, ലേബൽ ചെയ്ത നോഡുകൾ, കൃത്യമായ, മറഞ്ഞിരിക്കുന്ന നിയന്ത്രണങ്ങൾ എന്നിവ ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കും.
  • Basha-Franklin — വെളുത്ത ലിന്റലിന് താഴെ ഒരു ഗാലറി ഗ്രിഡ്. ചൂടുള്ള #f4ede6 നിറം, സൂക്ഷ്മമായ കറുത്ത ഘടന, അച്ചടിച്ച ആർക്കിടെക്ചറൽ പോർട്ട്‌ഫോളിയോ പോലെ തോന്നിക്കുന്ന ഫോട്ടോഗ്രാഫുകളെ അടിസ്ഥാനമാക്കിയുള്ള അസമമായ നിരകൾ എന്നിവ ഉപയോഗിക്കുക.
  • Bajgart Office — എഡിറ്റോറിയൽ ഗാലറി വാൾ. ക്രോം-പ്ലേറ്റ് ചെയ്ത ഇന്റർഫേസ് ഘടകങ്ങളേക്കാൾ സൂക്ഷ്മമായ സെരിഫ് ഫോണ്ടുകളും പോർട്ട്‌ഫോളിയോ ശകലങ്ങളും കൂടുതൽ ദൃശ്യ ഭാരം വഹിക്കുന്ന ഒരു വലിയ വെളുത്ത ഇടം ഉപയോഗിക്കുക.
  • Heptabase — സൂര്യപ്രകാശം ലഭിക്കുന്ന ഒരു മേശ. ചൂടുള്ള, കടലാസ് പോലുള്ള പ്രതലങ്ങൾ, കരി നിറമുള്ള നിയന്ത്രണ സംവിധാനങ്ങൾ, ഗവേഷണത്തിനുള്ള പൊങ്ങിക്കിടക്കുന്ന ജനാലകൾ എന്നിവ ഒരു സോഫ്റ്റ്‌വെയർ നിയന്ത്രണ പാനലിനേക്കാൾ ഒരു സംഘടിത വർക്ക്‌സ്‌പെയ്‌സിന്റെ പ്രതീതി സൃഷ്ടിക്കുന്നു.
  • Bejamas — പൈജാമകൾ—കറുത്ത ഗ്ലാസിലൂടെ ആസിഡ് നാരങ്ങ. മങ്ങിയ പച്ച നിറത്തിലുള്ള പ്രകാശരേഖകൾ ഉപരിതലത്തിൽ മുറിച്ചുകടക്കുന്ന ആകർഷകമായ കറുത്ത പാനലുകൾ തടസ്സപ്പെടുത്തി ശാന്തവും ഇളം ചാരനിറത്തിലുള്ളതുമായ എഡിറ്റോറിയൽ പേജുകൾ സൃഷ്ടിക്കുക.
  • Baba — ചുവന്ന സൂര്യപ്രകാശത്തിൽ പരിചരണ കുറിപ്പുകൾ. ആളുകളുടെ ഫോട്ടോഗ്രാഫുകൾ വൈകാരിക കേന്ദ്രമായി ഉപയോഗിച്ച്, അടുപ്പമുള്ള വെള്ള, പിങ്ക്, ക്രീം നിറങ്ങളിലുള്ള വിവര പ്രതലങ്ങളിൽ വിശാലമായ ചുവപ്പ് വിവരണ വരകൾ സൃഷ്ടിക്കുക.
  • Grafana Labs — സൺറൈസ് സിഗ്നൽ സ്റ്റേഷന്റെ കൺട്രോൾ റൂം. ചാര-വെള്ള നിറങ്ങളിലുള്ള ശാന്തമായ ഒരു വർക്ക്‌സ്‌പെയ്‌സ്, വിശാലമായ, നാല് നിറങ്ങളിലുള്ള ചക്രവാള ഗ്രേഡിയന്റും കൃത്യമായ നീല ഇന്റർഫേസ് സിഗ്നലുകളും സംയോജിപ്പിക്കുന്നു.
  • Kagi — ഒരു പ്രത്യേക വായനാ മുറി. ബോൾഡ് ഗ്രാഫൈറ്റ് ടെക്സ്റ്റിന് ചുറ്റും ഒരു തുറന്ന വെളുത്ത ഇടം സൃഷ്ടിക്കുക, സൂക്ഷ്മമായ പർപ്പിൾ ആക്സന്റുകളും ഊഷ്മളമായ പാസ്റ്റൽ പ്രതലങ്ങളും ഉപയോഗിച്ച് ശാന്തത തകർക്കുക.

വിഭാഗം അനുസരിച്ച് ശൈലികളുടെ കാറ്റലോഗ്