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

Slash

സ്വർണ്ണം പൂശിയ ലെഡ്ജറുകളുള്ള അർദ്ധരാത്രി നിലവറ

സ്ലാഷ് ഒരു അർദ്ധരാത്രി ഗാലറി മോഡിലാണ് പ്രവർത്തിക്കുന്നത്: ഏതാണ്ട് കറുത്ത ക്യാൻവാസ്, വെളുത്ത ടൈപ്പ്, വിരാമചിഹ്നമായി പ്രവർത്തിക്കുന്ന ഒറ്റ വാം കോപ്പർ ആക്സന്റ്. തീവ്രമായ വലുപ്പങ്ങളിൽ (88px വരെ) ഉപയോഗിക്കുന്ന ഉയർന്ന കോൺട്രാസ്റ്റ് ഡിഡോൺ സെരിഫായ ഐവി പ്രെസ്റ്റോയിലാണ് തലക്കെട്ടുകൾ പ്രദർശിപ്പിച്ചിരിക്കുന്നത് - സെരിഫിന്റെയും സാൻസ്-സെരിഫ് ടൈപ്പ്ഫേസുകളുടെയും ഈ ക്ലാഷ് സിസ്റ്റത്തിന്റെ കൈയൊപ്പാണ്, പരമ്പരാഗത ബാങ്കിംഗിന്റെ ബ്രോക്കറേജ് ഗ്രാവിറ്റാസുകളില്ലാതെ ഇതിന് ഒരു സാമ്പത്തിക ഗ്രാവിറ്റി നൽകുന്നു. ഉപയോക്തൃ ഇന്റർഫേസിന്റെ ബാക്കി ഭാഗങ്ങൾ മനഃപൂർവ്വം കുറച്ചുകാണുന്നു: നേർത്ത ബോർഡറുകൾ, ഗുളിക ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ, ഒതുക്കമുള്ള 16px ബോഡി ടെക്സ്റ്റ്, ടൈപ്പിന് ശ്വസിക്കാൻ അനുവദിക്കുന്നതിനുള്ള സൂക്ഷ്മമായ അപ്‌സ്വീപ്പ്. ഒരു സിംഗിൾ ഗോൾഡ് ഗ്രേഡിയന്റ് (ചാർട്ട് ലൈൻ, മൈക്രോ ആക്സന്റുകൾ) മോണോക്രോം സിസ്റ്റത്തിന് ഊഷ്മളത നൽകുന്നു, ഇത് ഡിസൈൻ പ്രേക്ഷകർക്കായി നിർമ്മിച്ച ബ്ലൂംബെർഗ് ടെർമിനലിന്റെ ഊഷ്മളമായ തിളക്കം ഉണർത്തുന്നു.

ഉള്ളടക്കം 1216px വീതിയുള്ളതും മധ്യഭാഗത്തുള്ളതും 160px ലംബ ഗട്ടറുകളുള്ളതുമാണ്. ഹോം സ്‌ക്രീൻ ഇരുണ്ടതും പൂർണ്ണ വീതിയുള്ളതുമായ ഒരു ക്യാൻവാസാണ്, അതിൽ സ്പ്ലിറ്റ് കോമ്പോസിഷൻ ഉണ്ട്: താഴെ ഒരു ഇമെയിൽ വിലാസ ഫീൽഡുള്ള ഇടത്-വിന്യസിച്ച സെരിഫ് ഹെഡർ (64–88px വീതി), വലതുവശത്ത് 50% വീതിയിൽ ഒരു വലിയ ഉൽപ്പന്ന UI കാർഡ് (ഒരു ഡാഷ്‌ബോർഡ് സ്‌ക്രീൻഷോട്ട്). തുടർന്നുള്ള വിഭാഗങ്ങൾ ഇന്ററിൽ ഒരു ഉപതലക്കെട്ടുള്ള ഒറ്റ-കോളം, മധ്യഭാഗത്തുള്ള ഹെഡർ (സെരിഫ്, 44–64px വീതി) ഉപയോഗിക്കുന്നു, തുടർന്ന് ഫീച്ചർ വിവരണങ്ങൾ/സാക്ഷ്യപത്രങ്ങൾ/ബ്ലോഗുകൾക്കായി മൂന്ന്-കോളം കാർഡുകളുടെ ഗ്രിഡുകൾ ഉപയോഗിക്കുന്നു. നാവിഗേഷൻ ഒരു നിശ്ചിത മുകളിലെ ബാറാണ്: ഇടതുവശത്ത് ലോഗോ, മധ്യ മെനു (കമ്പനി, ഉൽപ്പന്നങ്ങൾ, പരിഹാരങ്ങൾ, ക്ലയന്റുകൾ, വിലനിർണ്ണയം, പതിവുചോദ്യങ്ങൾ), വലതുവശത്ത് വിന്യസിച്ച ലോഗിൻ (വ്യക്തമല്ലാത്തത്), ആരംഭിക്കൽ (വെള്ള നിറച്ച ഘടകം). കമ്പനി വിവരങ്ങളും നിയമ അറിയിപ്പുകളും ഉള്ള ലിങ്കുകളുടെ ഇടതൂർന്ന അഞ്ച്-കോളം ഗ്രിഡ് ഫൂട്ടറിൽ ഉണ്ട്. പേജ് ഉള്ളടക്ക സമ്പന്നമായ ഗ്രിഡ് വിഭാഗങ്ങൾക്കും പൂർണ്ണ സ്‌ക്രീൻ സ്ഥിതിവിവരക്കണക്കുകൾക്കുമിടയിൽ മാറിമാറി വരുന്നു - പശ്ചാത്തല നിറങ്ങൾ മാറിമാറി ഉപയോഗിക്കുന്നതിനുപകരം നിരകൾക്കിടയിലുള്ള വിശാലമായ വെളുത്ത ഇടമാണ് താളം സ്ഥാപിക്കുന്നത് (മുഴുവൻ പേജും ഒറ്റ, ഏകീകൃത ക്യാൻവാസായി അവതരിപ്പിച്ചിരിക്കുന്നു).

ഫോട്ടോഗ്രാഫി എഡിറ്റോറിയലും സ്വാഭാവികവുമാണ്: സ്ഥാപകരുടെയും ടീം അംഗങ്ങളുടെയും യഥാർത്ഥ ജീവിത ജോലി പരിതസ്ഥിതികളിലെ (ഓഫീസുകൾ, സ്വീകരണമുറികൾ, നിർമ്മാണ സ്ഥലങ്ങൾ) ഊഷ്മളമായ ഛായാചിത്രങ്ങൾ. ചിത്രങ്ങൾ കാർഡ് ഫ്രെയിമുകളെ പാഡിംഗ് ഇല്ലാതെ അരികുകൾ മുതൽ അരികുകൾ വരെ നിറയ്ക്കുന്നു. ടെക്സ്റ്റ് വായനാക്ഷമത വർദ്ധിപ്പിക്കുന്നതിന് ടെസ്റ്റിമോണിയൽ കാർഡുകളുടെ അടിയിൽ ഒരു ഇരുണ്ട ഗ്രേഡിയന്റ് ഉപയോഗിക്കുന്നു. "ലിങ്ക്ഡ്ഇൻ എഡിറ്റോറിയൽ മാഗസിൻ സന്ദർശിക്കുന്നു" എന്ന സൗന്ദര്യശാസ്ത്രം കാഷ്വൽ, മാനുഷികവും ചെറുതായി മിനുസപ്പെടുത്തിയതുമാണ്, സ്റ്റോക്ക് ഫോട്ടോഗ്രാഫി ഉപയോഗിച്ച് ഒരിക്കലും മിനുക്കിയിട്ടില്ല. ലേഖന ലഘുചിത്രങ്ങൾ ഫോട്ടോഗ്രാഫുകളെ ചിത്രീകരിച്ച ആശയങ്ങളുമായി സംയോജിപ്പിക്കുന്നു (ഒരു മസിലിൽ നിൽക്കുന്ന ഒരാൾ, പണച്ചാക്കുകളുള്ള ഒരു അടുപ്പ്). ഉൽപ്പന്നത്തിന്റെ UI പൂർണ്ണ അതാര്യതയോടെ ഡാർക്ക് മോഡിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു, സൂക്ഷ്മമായ ഇരുണ്ട പ്രതലങ്ങളിൽ പേജിന് മുകളിൽ ഹോവർ ചെയ്യുന്നു - ഒരു കേന്ദ്ര ഘടകം. ഐക്കണുകൾ #2e3038 അല്ലെങ്കിൽ #777a88 ലെ 1px സ്ട്രോക്കുകളുള്ള മോണോക്രോം ആണ്, ബ്രാൻഡ് നിറം കൊണ്ട് ഒരിക്കലും നിറച്ചിട്ടില്ല.

പാലറ്റ്

നിഷ്പക്ഷം

  • Bone #e2e3e9 — പ്രാഥമിക വാചകത്തിനായുള്ള വലിയ ഫോണ്ട് വലുപ്പം, വിശദമായ ഡാറ്റ ലേബലുകൾ, മിക്ക UI ഘടകങ്ങളിലും ഒരു സ്റ്റാൻഡേർഡ് ടെക്സ്റ്റ് ടോൺ.
  • Obsidian #08080a — പേജ് ക്യാൻവാസ്, ഫൂട്ടർ പശ്ചാത്തലം, ഏറ്റവും ഇരുണ്ട പ്രതലം എന്നിവ ഏതാണ്ട് കറുത്ത നിറത്തിൽ സൂക്ഷ്മമായ നീല നിറത്തിലാണ്.
  • Onyx #040406 — കാർഡിന്റെ ഉപരിതലം, അധിക പശ്ചാത്തലം, വിഷ്വൽ ഇഫക്റ്റിനായി പേജിനേക്കാൾ ഒരു പടി ആഴമുള്ളതാണ്.
  • Carbon #121317 — ഉയർത്തിയ പാനലുകൾ, വ്യക്തമല്ലാത്ത UI ഫിൽ - സർഫേസ് സ്റ്റാക്കിന്റെ പരിണാമത്തിലെ ശ്രദ്ധേയമായി ഭാരം കുറഞ്ഞ ആദ്യത്തെ ഘട്ടം.
  • Graphite #1c1d22 — ബോർഡറുകൾ, ഡിവൈഡറുകൾ, ഐക്കൺ കണ്ടെയ്‌നറുകൾ, നിയന്ത്രണ സ്ലൈഡറുകൾ - ഘടനയെ നിർവചിക്കുന്ന ഏറ്റവും സൂക്ഷ്മമായ വർണ്ണ ഷേഡ്.
  • Slate #2e3038 — അധിക ബോർഡറുകൾ, നിശബ്ദമാക്കിയ ഐക്കൺ ലൈനുകൾ, ഉള്ളടക്ക ബ്ലോക്കുകൾക്കിടയിലുള്ള സൂക്ഷ്മമായ ഡിവൈഡറുകൾ.

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

13 മുതൽ 88px വരെ · 9 ചുവടുകൾ

  • Ivy Presto — മാറ്റിസ്ഥാപിക്കൽ: Playfair Display · രൂപരേഖകൾ 400, 500 · തലക്കെട്ടുകൾക്കും ഉപതലക്കെട്ടുകൾക്കും വേണ്ടിയുള്ള ഒരു സെരിഫ് ഫോണ്ട്—28px-ഉം അതിനുമുകളിലും ഉള്ള തലക്കെട്ടുകൾക്കും വിഭാഗ തലക്കെട്ടുകൾക്കും മാത്രമായി ഉപയോഗിക്കുന്നു. നേർത്ത സെരിഫുകളുള്ള ഉയർന്ന ദൃശ്യതീവ്രതയുള്ള ഡിഡൺ സ്ട്രോക്കുകൾ എഡിറ്റോറിയൽ ആഡംബരത്തിന്റെ ഒരു തോന്നൽ സൃഷ്ടിക്കുന്നു; 0.01em എന്ന ചെറിയ പോസിറ്റീവ് അക്ഷര സ്പേസിംഗ് അസാധാരണമാണ്, കൂടാതെ ഫോണ്ടിന് അച്ചടിച്ചതും അക്കൗണ്ടിംഗ് പോലുള്ളതുമായ ഒരു രൂപം നൽകുന്നു. ഈ സെരിഫ് ഫോണ്ട് ബ്രാൻഡിന്റെ കോർ കോളിംഗ് കാർഡാണ്—ജേമട്രിക് സാൻസ്-സെരിഫ് ഫോണ്ടുകൾ സ്ഥിരസ്ഥിതിയായി ഉപയോഗിക്കുന്ന മറ്റ് എല്ലാ SaaS ഫിൻടെക് കമ്പനികളിൽ നിന്നും ഇത് സ്ലാഷിനെ വ്യത്യസ്തമാക്കുന്നു.
  • Inter — മാറ്റിസ്ഥാപിക്കൽ: Inter (self-hosted via Google Fonts) · രൂപരേഖകൾ 300, 400, 500, 600, 700 · UI Sans—പ്രധാന വാചകം, നാവിഗേഷൻ, ബട്ടണുകൾ, ലേബലുകൾ, ലിങ്കുകൾ, ഫോം ഫീൽഡുകൾ, ഉപതലക്കെട്ടുകൾ. പ്രധാന വാചകം, ശ്രദ്ധ ആകർഷിക്കാത്ത ദ്വിതീയ വാചകത്തിന് 300 ഫോണ്ട് ഉപയോഗിക്കുന്നു; ഇടത്തരം പ്രാധാന്യമുള്ള വാചകത്തിനും ബട്ടൺ ലേബലുകൾക്കും 500 ഉപയോഗിക്കുന്നു; ചെറിയ വലിയക്ഷരങ്ങളിൽ എഴുതിയ വിഭാഗ ലേബലുകൾക്കായി 600 നീക്കിവച്ചിരിക്കുന്നു. നെഗറ്റീവ് അക്ഷരങ്ങളുടെ അകലം 2 (-3) ൽ നിന്ന് കുറയുകയും വലുപ്പം കുറയുന്നതിനനുസരിച്ച് കുറയുകയും ചെയ്യുന്നു, ഇത് ഇന്റർ ഫോണ്ടിന്റെ ഒപ്റ്റിക്കൽ സ്കെയിലിംഗിന്റെ സവിശേഷതയാണ്.

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

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

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

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

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

  • Modal — ഇരുണ്ട സെർവർ മുറിയിലെ ഒരു ഫോസ്ഫോറസെന്റ് ടെർമിനൽ - ഒരേയൊരു പ്രകാശ സ്രോതസ്സ് തിളക്കമുള്ള പച്ച നിറമാണ്.
  • AgentQL — രാത്രിയിൽ ടെർമിനലിന് മുകളിലുള്ള വടക്കൻ വിളക്കുകൾ
  • GitHub — ബയോലുമിനെസെന്റ് കൺട്രോൾ പോയിന്റുകളുള്ള ഒരു സ്പേസ് കമാൻഡ് പാനൽ - ഒരു ഇരുണ്ട, അന്തരീക്ഷ വർക്ക്‌സ്‌പെയ്‌സ്, അവിടെ ഒരു പച്ച തിളക്കം മുന്നോട്ടുള്ള വഴി ചൂണ്ടിക്കാണിക്കുന്നു.
  • Doppler — അർദ്ധരാത്രിയിൽ നിലവറയുടെ പർപ്പിൾ നിറത്തിലുള്ള വെളിച്ചം. ഏതാണ്ട് കറുത്ത നിറത്തിലുള്ള ക്യാൻവാസ് ഒരു ലാവെൻഡർ സിഗ്നലോടെയും പച്ച നിറത്തിലുള്ള ഒരു സ്ഥിരീകരണ ലൈറ്റോടെയും തിളങ്ങുന്നു, ഓരോ പ്രതലവും ഗ്രഹിക്കാൻ കഴിയുന്നത്ര വളഞ്ഞിരിക്കുന്നു.
  • Basedash — മാറ്റ് ഫോണ്ടുള്ള ഒരു അർദ്ധരാത്രി ഡാറ്റ ടെർമിനൽ. പർപ്പിൾ, പച്ച നിറങ്ങളിൽ മെട്രിക്സ് തിളങ്ങുന്ന, സെരിഫ് തലക്കെട്ടുകൾ ശബ്ദത്തിന് മുകളിൽ പൊങ്ങിക്കിടക്കുന്ന, വെളുത്ത ഗുളിക ആകൃതിയിലുള്ള ബട്ടണുകൾ മാത്രമുള്ള ഒരു ഇരുണ്ട നിരീക്ഷണാലയം, മൃദുവായ കറുത്ത പ്രതലങ്ങളുള്ള ഒരു മുറിയിൽ തിളക്കമുള്ള വസ്തുക്കൾ.
  • Superwhisper — അർദ്ധരാത്രി ഗ്ലാസിന് മുകളിൽ വടക്കൻ വിളക്കുകൾ അലിഞ്ഞു ചേരുന്നു
  • Better Stack — അർദ്ധരാത്രി SRE കൺസോൾ
  • Langbase — മിഡ്‌നൈറ്റ് നോർത്തേൺ ലൈറ്റ്സ് കൺസോൾ
  • Astro — ഒരു നെബുലയിൽ നിന്നുള്ള ഒറ്റ പർപ്പിൾ തിളക്കത്തോടെയുള്ള ഡീപ് സ്പേസ് മിഷൻ കൺട്രോൾ
  • Wayfinder — ഒരു കറുത്ത മൂവി സ്‌ക്രീൻ, ഒരു ലൈവ് ചിത്രീകരണത്തിന് മുകളിൽ കഷ്ടിച്ച് കേൾക്കാവുന്ന തലക്കെട്ട്. ഇന്റർഫേസ് ഒരു കൺട്രോൾ പാനലല്ല, മറിച്ച് ഒരു ബ്രൈറ്റ്‌നെസ് സ്ലൈഡറാണ്.
  • HashiCorp — പർപ്പിൾ നിയോൺ പ്രകാശിപ്പിക്കുന്ന അർദ്ധരാത്രിയിലെ കൺട്രോൾ റൂം ഇരുണ്ട സാങ്കേതിക പ്രതലമാണ്, അവിടെ തിളങ്ങുന്ന ഷഡ്ഭുജാകൃതിയിലുള്ള ഒരു ക്യൂബ് മാത്രമാണ് വർണ്ണ റഫറൻസായി പ്രവർത്തിക്കുന്നത്.
  • Umbrel — രാത്രി സെർവർ മുറിയിലെ ഒരു സുഖകരമായ ഫയർ പിറ്റ് - യഥാർത്ഥത്തിൽ പ്രധാനപ്പെട്ടതെന്താണെന്ന് എടുത്തുകാണിക്കുന്ന ഒരു പീച്ച് തിളക്കമുള്ള ഇരുണ്ട മുറി.