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

Framer

ശൂന്യതയിലെ നിയോൺ ഗാലറി

ഫ്രെയിമർ ഏതാണ്ട് പൂർണ്ണമായ ഇരുട്ടായി പ്രവർത്തിക്കുന്നു - ഒരു ഗാലറി ഓപ്പണിംഗിൽ ഉള്ളടക്കം ഒരു നിയോൺ ചിഹ്നം പോലെ പൊങ്ങിക്കിടക്കുന്ന ഒരു കറുത്ത ക്യാൻവാസ്. 0.8–1.1 എന്ന ഇറുകിയ ലൈൻ സ്‌പെയ്‌സിംഗും ആക്രമണാത്മക നെഗറ്റീവ് ലെറ്റർ സ്‌പെയ്‌സിംഗും (-0.04em at 54px) ഉപയോഗിച്ച് GT വാൽഷൈം മീഡിയത്തിൽ സജ്ജീകരിച്ചിരിക്കുന്ന ഹെഡ്‌ലൈനുകൾ, പേജിൽ വൃത്തിയായി ഇരിക്കുന്നതിനുപകരം മുന്നോട്ട് തള്ളിവിടുന്ന ഒരു സാന്ദ്രീകൃത, അലങ്കാര ടൈപ്പ്ഫേസ് സൃഷ്ടിക്കുന്നു. ഒരു സിംഗിൾ ഇലക്ട്രിക് നീല (#0099ff) എല്ലാ ഫങ്ഷണൽ ആക്‌സന്റുകളും നൽകുന്നു - ബോർഡറുകൾ, ഗ്ലോ, ഐക്കണുകൾ, സജീവ അവസ്ഥകൾ - അതേസമയം ഇന്റർഫേസിന്റെ ബാക്കി ഭാഗം അക്രോമാറ്റിക് ആയി തുടരുന്നു, ശുദ്ധമായ കറുപ്പിൽ നിന്ന് ആഴം സൃഷ്ടിക്കാൻ സൂക്ഷ്മമായ ചാരനിറത്തിലുള്ള സംക്രമണങ്ങളെ (#111, #171717, #242424) ആശ്രയിച്ചിരിക്കുന്നു. ഘടകങ്ങൾ അലങ്കാരത്തേക്കാൾ പരിഗണിക്കപ്പെടുന്നു: 8–25px വൃത്താകൃതിയിലുള്ള ആരങ്ങൾ, നേർത്ത 1px ബോർഡറുകൾ, കുറഞ്ഞ ഡ്രോപ്പ് ഷാഡോകൾ, ശൂന്യത പ്രകാശിക്കാൻ അനുവദിക്കുന്ന അർദ്ധസുതാര്യ പ്രതലങ്ങൾ.

കറുത്ത ക്യാൻവാസിനപ്പുറം പൂർണ്ണ വീതിയുള്ള വിഭാഗങ്ങൾ വ്യാപിക്കുന്നു, ഉള്ളടക്കം പരമാവധി വീതി ~1200px ആയി പരിമിതപ്പെടുത്തിയിരിക്കുന്നു, അതിനുള്ളിൽ മധ്യഭാഗത്തായി പരിമിതപ്പെടുത്തിയിരിക്കുന്നു. പ്രധാന വിഭാഗത്തിൽ ഇടതുവശത്ത് വിന്യസിച്ചിരിക്കുന്ന ഒരു തലക്കെട്ടും ഒരു കോൾ-ടു-ആക്ഷൻ (CTA) ബട്ടണും ഉണ്ട്, വലതുവശം മനഃപൂർവ്വം ശൂന്യമായി ഇടുന്നു - അസമമായി, മധ്യഭാഗത്തല്ല. ടെക്സ്റ്റ്-മാത്രം ലേഔട്ടുകൾക്കും ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടുകൾക്കും ഇടയിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു. "വലിയ തലക്കെട്ട് + സബ്ടെക്സ്റ്റ്) വിഭാഗം 4-കോളം ഗ്രിഡിൽ ഒരു ലോഗോ വാൾ ഉപയോഗിക്കുന്നു. കമ്മ്യൂണിറ്റി വിഭാഗത്തിൽ, വൃത്താകൃതിയിലുള്ള കോണുകളുള്ള ഒരു കേന്ദ്രീകൃത, പൂർണ്ണ വീതിയുള്ള കണ്ടെയ്നറിനുള്ളിൽ ഒരു ഉൽപ്പന്ന സ്ക്രീൻഷോട്ട് സ്ഥാപിച്ചിരിക്കുന്നു. നാവിഗേഷൻ വളരെ കുറവാണ് - ഇടതുവശത്ത് ലോഗോയും വലതുവശത്ത് വിന്യസിച്ചിരിക്കുന്ന ലിങ്കുകളുമുള്ള ഒരു നേർത്ത മുകളിലെ ബാർ, ദൃശ്യമായ നിയന്ത്രണങ്ങളൊന്നുമില്ല. സെക്ഷൻ റിഥം: വിഭാഗങ്ങൾക്കിടയിൽ ഗണ്യമായ 80px ലംബ വിടവുകൾ, ശൂന്യതയിൽ പൊങ്ങിക്കിടക്കുന്ന ഉള്ളടക്കത്തിന്റെ വ്യത്യസ്ത ദ്വീപുകൾ സൃഷ്ടിക്കുന്നു.

ഉൽപ്പന്നത്തിന്റെ ഉപയോക്തൃ ഇന്റർഫേസിന്റെ സ്‌ക്രീൻഷോട്ടുകൾ ആധിപത്യം പുലർത്തുന്നു - ട്രാഫിക് ലൈറ്റ് ഡോട്ടുകളുള്ള ഒരു ക്രോം പോലുള്ള വിൻഡോ ഉപയോഗിച്ച് ഫ്രെയിം ചെയ്‌തിരിക്കുന്നു, ആപ്പിന്റെ എംബഡഡ് സ്‌ക്രീൻഷോട്ടുകൾ പ്രധാന ചിത്രമായി മാറുന്നു. ഗുണനിലവാരത്തിന്റെ തെളിവായി പ്രവർത്തിക്കുന്ന ലോഗോകൾ, വിശാലമായ അകലത്തിൽ കറുത്ത പശ്ചാത്തലത്തിൽ വെളുത്ത അക്ഷരങ്ങളിൽ അവതരിപ്പിച്ചിരിക്കുന്നു. ഫോട്ടോഗ്രാഫുകളോ ചിത്രീകരണങ്ങളോ അമൂർത്ത ഗ്രാഫിക്സോ ഉപയോഗിക്കുന്നില്ല - ദൃശ്യ ഭാഷ ഉൽപ്പന്നം തന്നെയാണ്, ഒരു ജീവനുള്ള ഇന്റർഫേസായി പ്രദർശിപ്പിച്ചിരിക്കുന്നു. ഐക്കൺ ശൈലി: മിനിമലിസ്റ്റ്, ഔട്ട്‌ലൈൻഡ്, മോണോക്രോം, ചെറിയ വലുപ്പങ്ങളിൽ വെള്ള. ടെക്സ്റ്റ് സാന്ദ്രത: പ്രധാനമായും ടെക്സ്റ്റ്, ഉൽപ്പന്ന സ്‌ക്രീൻഷോട്ടുകളുടെ രൂപത്തിൽ ഇടയ്ക്കിടെ വലിയ ശകലങ്ങൾ. സ്ഥലത്തിന്റെ ദൃശ്യ സന്തുലിതാവസ്ഥ ചിത്രങ്ങളെക്കാൾ ടൈപ്പോഗ്രാഫിയെ വ്യക്തമായി അനുകൂലിക്കുന്നു.

പാലറ്റ്

ബ്രാൻഡ്

  • Vivid Violet #0066ff — ഇന്റർഫേസിൽ കടും നിറമുള്ള ബട്ടൺ പശ്ചാത്തലം പ്രദർശിപ്പിക്കുന്ന ഒരേയൊരു സ്ഥലം പ്രാഥമിക പ്രവർത്തന ബട്ടൺ മാത്രമാണ്.

നിഷ്പക്ഷം

  • Bone #ffffff — പ്രധാന തലക്കെട്ടുകൾ, ഇരുണ്ട പശ്ചാത്തലത്തിലുള്ള പ്രധാന വാചകം, ബട്ടൺ പശ്ചാത്തലം മാത്രമാണ് പ്രകാശത്തിന്റെ ഏക ഉറവിടം.
  • Void #000000 — പേജ് ക്യാൻവാസ്, നാവിഗേഷൻ പശ്ചാത്തലം, കാർഡ് പ്രതലങ്ങൾ, ഐക്കൺ ഫിൽ - എല്ലാം അനിവാര്യമല്ലാത്ത എല്ലാ ഉള്ളടക്കങ്ങളെയും ആഗിരണം ചെയ്യുന്ന അനന്തമായ കറുത്ത നിറമാണ്.
  • Graphite #111111 — ഉയർത്തിയ കാർഡ് പ്രതലങ്ങൾ ശൂന്യതയേക്കാൾ ഒരു പടി മുകളിലാണ് - വലുതും പ്രവർത്തനക്ഷമവുമായ കാർഡുകളും മോഡൽ കണ്ടെയ്‌നറുകളും.
  • Obsidian #171717 — ബട്ടണുകൾ, അധിക കാർഡുകൾ, UI ഫില്ലുകൾ എന്നിവയ്ക്കുള്ള ഇന്റർമീഡിയറ്റ് ഉപരിതലം - ക്യാൻവാസിൽ നിന്ന് സംവേദനാത്മക ഘടകങ്ങളെ വേർതിരിക്കുന്നു.
  • Slate #242424 — ഹോവറിൽ, ടെക്സ്റ്റ് ഫോർമാറ്റിലേക്ക് മാറുന്നതിന് മുമ്പ് ഇൻപുട്ട് ഫീൽഡുകളും ഇൻഡന്റ് ചെയ്ത പാനലുകളും ഏറ്റവും തിളക്കമുള്ള ന്യൂട്രൽ ഷേഡായിരിക്കും.
  • Ash #333333 — നിഷ്‌ക്രിയ പശ്ചാത്തല ചിത്രങ്ങൾക്കും ഘടനാപരമായ ഘടകങ്ങൾക്കുമുള്ള ഡീപ് ഫിൽ.

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

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

  • sans-serif — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · sans-serif - വേർതിരിച്ചെടുത്ത ഡാറ്റയിൽ കണ്ടെത്തി, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
  • GT Walsheim — മാറ്റിസ്ഥാപിക്കൽ: Inter Tight · രൂപരേഖകൾ 500 · തലക്കെട്ടുകൾക്കും ശീർഷകങ്ങൾക്കുമുള്ള ഫോണ്ട് ബ്രാൻഡ് ഫോണ്ട് ആണ്. ഇത് വളരെ സാന്ദ്രീകൃതമാണ്, 44–68px ശ്രേണിയിൽ 0.8–1.1 ലൈൻ സ്‌പെയ്‌സിംഗും -0.04em മുതൽ -0.05em വരെയുള്ള അക്ഷര സ്‌പെയ്‌സിംഗും ഇതിനുണ്ട്. ഇത് ഒരു അലങ്കാര ഘടകമല്ല; കർശനമായ മെട്രിക്‌സുമായി സംയോജിപ്പിച്ച്, ജിടി വാൽഷൈമിന്റെ ജ്യാമിതീയ ഊഷ്മളത സിസ്റ്റത്തിന്റെ ശബ്‌ദം സൃഷ്ടിക്കുന്നു - ആത്മവിശ്വാസം, ഒതുക്കം, അൽപ്പം ഭാവിയുടേത്. സമാനമായ ജ്യാമിതീയ ആവിഷ്‌കാരത്തിന്, ഇന്റർ ടൈറ്റ് അല്ലെങ്കിൽ സ്‌പേസ് ഗ്രോട്ടസ്‌ക് ബോൾഡ് പരിഗണിക്കുക.
  • Inter Variable — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · പ്രധാന വാചകം, നാവിഗേഷൻ, ദ്വിതീയ തലക്കെട്ടുകൾ എന്നിവയാണ് പ്രധാനം. ഇന്റർ വേരിയബിൾ അക്ഷം ഭാരങ്ങളുടെ സുഗമമായ ഇന്റർപോളേഷൻ അനുവദിക്കുന്നു. വലുപ്പം കൂടുന്നതിനനുസരിച്ച് ട്രാക്കിംഗ് ചുരുങ്ങുന്നു: -0.001em മുതൽ 18px വരെയും -0.027em മുതൽ 22px വരെയും. വേരിയബിൾ പതിപ്പ് സൈറ്റിന്റെ സുഗമമായ മൈക്രോ-ആനിമേഷനുകൾ അനുവദിക്കുന്നു. മാറ്റിസ്ഥാപിക്കൽ: ഇന്റർ ( Google) - ഏതാണ്ട് സമാനമായ ഒരു ഫാൾബാക്ക്.

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

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

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

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

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

  • Auros — ബയോലുമിനെസെന്റ് ഡാറ്റ ബോളുകളുള്ള അബിസൽ ടെർമിനൽ
  • Origin Financial — നിശബ്ദമായ ഒരു അർദ്ധരാത്രി ഗാലറി. നിശബ്ദവും ഇരുണ്ടതുമായ ഒരു മുറി, അവിടെ വലിയ സെരിഫ് ഫോണ്ടുകളും കുറച്ച് പ്രകാശിതമായ നിറങ്ങളിലുള്ള പാനലുകളും ധനകാര്യം ശ്രദ്ധാപൂർവ്വം തയ്യാറാക്കിയ ഒരു കലാസൃഷ്ടിയാണെന്ന തോന്നൽ സൃഷ്ടിക്കുന്നു.
  • Raycast — മിഡ്‌നൈറ്റ് കമാൻഡ് സെന്റർ, കോറൽ നിയോൺ
  • Dimension — ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകളുള്ള ഒരു സന്ധ്യാ വെളിച്ചമുള്ള വർക്ക്‌സ്റ്റേഷൻ
  • Reflect Notes — നക്ഷത്രനിബിഡമായ വയലറ്റ് സ്പേസ് ഒരു ഇരുണ്ട നിരീക്ഷണാലയമാണ്, അവിടെ കറുത്ത ഇൻഡിഗോ ശൂന്യതയുടെ പശ്ചാത്തലത്തിൽ നക്ഷത്രരാശികൾ പോലെ നോട്ടുകൾ പൊങ്ങിക്കിടക്കുന്നു.
  • Ameba — അർദ്ധരാത്രിയിലെ കൺട്രോൾ റൂം - ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകൾക്കുള്ളിൽ ഒരു വൈദ്യുത നീല സ്പന്ദനം.
  • Branding — കറുത്ത ഗാലറി വാൾ, രക്ത ചുവപ്പ് നിറത്തിലുള്ള ആക്സന്റുകൾ - ഒരു ശൂന്യതയോട് സാമ്യമുള്ള ഇരുണ്ട ക്യാൻവാസിൽ വലിയ വെളുത്ത ഫോണ്ടുകൾ പൊങ്ങിക്കിടക്കുന്നു, ഒരു വെബ് ഇന്റർഫേസിനേക്കാൾ ഗാലറി സൈനേജ് പോലെ തോന്നിക്കുന്ന ഒരു കടും ചുവപ്പ് ആക്സന്റും ശ്രദ്ധേയമായ അലങ്കാര ഘടകങ്ങളും തടസ്സപ്പെടുത്തുന്നു.
  • Harness — ഫോസ്ഫോറസെന്റ് പച്ച നിറത്തിലുള്ള ആക്സന്റുകളോടെ അർദ്ധരാത്രിയിൽ മിഷൻ കൺട്രോൾ
  • Koto — അർദ്ധരാത്രിയിൽ ഒബ്സിഡിയൻ ഗാലറി. ഏതാണ്ട് കറുത്തിരുണ്ട ഒരു വേദി, അവിടെ ചൂടുള്ള പ്രകാശ സ്രോതസ്സ് ഒരു മഞ്ഞ മാർക്കർ മാത്രമാണ്, പ്രദർശന പോസ്റ്ററുകൾ പോലെ വിശാലമായ നെഗറ്റീവ് സ്ഥലത്ത് ഘനീഭവിച്ച തരം പൊങ്ങിക്കിടക്കുന്നു.
  • Ohzi — ഇരുണ്ട ഗാലറിയിൽ തൂക്കിയിട്ടിരിക്കുന്ന തിളങ്ങുന്ന ഒരു ക്യൂബ്
  • Depot — ഒരു ഇരുണ്ട സെർവർ ടെർമിനൽ. ഏതാണ്ട് കറുത്ത നിറത്തിലുള്ള ഒരു ഡെവലപ്പർ കൺസോൾ, ജോലിയുടെ ആരംഭം സൂചിപ്പിക്കുന്ന ഒരു പച്ച എൽഇഡി, ബാക്കി ഉപയോക്തൃ ഇന്റർഫേസ് ഗ്രാഫൈറ്റിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു.
  • Maciej Zadykowicz — കാലിഡോസ്കോപ്പിക് ചുവർചിത്രത്തോടുകൂടിയ മിഡ്‌നൈറ്റ് ഗാലറി ഏതാണ്ട് കറുത്ത നിറത്തിലുള്ള ഒരു സ്റ്റുഡിയോ ഭിത്തിയാണ്, അവിടെ ഒരു ഊർജ്ജസ്വലവും വർണ്ണാഭമായതുമായ ടൈപ്പോഗ്രാഫിക് കലാസൃഷ്ടി ശ്രദ്ധ ആകർഷിക്കുന്നു, മറ്റെല്ലാം നിശബ്ദമായും ആസൂത്രിതമായും തുടരുന്നു.