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

Substack

എഡിറ്റോറിയൽ ഓഫീസിലെ മേശപ്പുറത്ത് ഓറഞ്ച് മഷി

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

മൂന്ന് കോളങ്ങളുള്ള ഒരു ഡെസ്ക്ടോപ്പ് ലേഔട്ട്: ഒരു സ്ഥിരമായ ഇടത് സൈഡ്‌ബാർ (~200px, ഐക്കണുകളും ലേബലുകളും ഉള്ള നാവിഗേഷൻ, സ്റ്റിക്കി), ഒരു സെന്റർ ഫീഡ് (പരമാവധി വീതി ~600px, ലംബമായി സ്ക്രോൾ ചെയ്യുന്ന പോസ്റ്റുകളുടെ ലിസ്റ്റ്), ഒരു സ്ഥിരമായ വലത് സൈഡ്‌ബാർ (~300px, തിരയൽ + ശുപാർശകൾ + രജിസ്ട്രേഷൻ). മധ്യ ഫീഡ് എഡിറ്റോറിയൽ കോർ ആണ്—കാർഡുകളില്ല, നേർത്ത ഡിവൈഡറുകളും വിഭാഗങ്ങൾക്കിടയിൽ 32px വിടവുകളും ഉള്ള പോസ്റ്റുകൾ മാത്രം. പ്രധാന ബാനർ ഫീഡിന്റെ മുകളിൽ ഒരൊറ്റ പൂർണ്ണ വീതി കാർഡായി ഇരിക്കുന്നു. ഇടത് സൈഡ്‌ബാറിൽ ബ്രാൻഡ് ലോഗോ (ഓവർലേ ചെയ്ത വരകളുള്ള ഒരു ഓറഞ്ച് ചിഹ്നം), ആറ് നാവിഗേഷൻ ഇനങ്ങൾ, താഴെ ഒരു പൂർണ്ണ വീതിയുള്ള ഓറഞ്ച് "സൃഷ്ടിക്കുക" ബട്ടൺ എന്നിവ അടങ്ങിയിരിക്കുന്നു. വലത് സൈഡ്‌ബാറിൽ ഒരു തിരയൽ ഫീൽഡ്, ഒരു രജിസ്ട്രേഷൻ കാർഡ്, വായനയ്ക്കായി ഒരു "അടുത്തത്" ലിസ്റ്റ് എന്നിവ അടങ്ങിയിരിക്കുന്നു. നാവിഗേഷൻ വളരെ കുറവാണ്—മുകളിലെ ബാർ ഇല്ല, ബ്രെഡ്ക്രംബ്സ് ഇല്ല; സൈഡ്‌ബാർ നാവിഗേഷനാണ്. ഉള്ളടക്ക സാന്ദ്രത കൂടുതലാണ്: പോസ്റ്റുകൾ 12-13px മെറ്റാഡാറ്റയും 15-19px ബോഡി ടെക്സ്റ്റും ഉപയോഗിക്കുന്നു, ഇത് ഒരു മാർക്കറ്റ്പ്ലെയ്‌സിന്റെ കാർഡ് ഗ്രിഡിന്റെ അനുഭവത്തേക്കാൾ ഒരു പത്രം പോലുള്ള താളം സൃഷ്ടിക്കുന്നു.

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

പാലറ്റ്

ബ്രാൻഡ്

  • Signal Orange #ff6719 — അലങ്കാര വിശദാംശങ്ങൾക്കും അപൂർവമായ സൂചനകൾ എടുത്തുകാണിക്കുന്നതിനും ഓറഞ്ച് ഒരു ദ്വിതീയ ആക്സന്റായി ഉപയോഗിക്കുന്നു. പ്രവർത്തനത്തിലേക്കുള്ള ആഹ്വാനങ്ങൾക്ക് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.

നിഷ്പക്ഷം

  • Ink #363737 — ബോഡി ടെക്സ്റ്റ് - പ്രധാന ടെക്സ്റ്റ്, തലക്കെട്ടുകൾ, പോസ്റ്റ് ടൈറ്റിലുകൾ, ടൈംസ്റ്റാമ്പുകൾ, രചയിതാവിന്റെ പേരുകൾ; എളുപ്പത്തിൽ വായിക്കാൻ ശുദ്ധമായ #000 ന് പകരം ചൂടുള്ള, മിക്കവാറും കറുത്ത നിറം.
  • Paper #ffffff — പേജ് ക്യാൻവാസ്, കാർഡ് പ്രതലങ്ങൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, നാവിഗേഷൻ പശ്ചാത്തലം എന്നിവയാണ് ഇന്റർഫേസിന്റെ ഭൂരിഭാഗവും ഉൾക്കൊള്ളുന്ന പ്രബലമായ പ്രതലങ്ങൾ.
  • Charcoal #232525 — ഉയർന്ന സെലക്ഷൻ ലെവലുകളുള്ള അധിക ടെക്സ്റ്റിനും ലിങ്കുകൾക്കുമായി ഹോവർ സ്റ്റേറ്റ്; കോഡ് ബ്ലോക്കുകൾക്കും സെലക്ഷൻ ബ്ലോക്കുകൾക്കും ഇങ്ക് മോഡിനേക്കാൾ ആഴത്തിലുള്ളത്.
  • Stone #777777 — ദ്വിതീയ UI ഘടകങ്ങൾ, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്ക്ക് ഒരു ന്യൂട്രൽ നിറം പിന്തുണയ്ക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
  • Ash #b6b6b6 — പ്രവർത്തനരഹിതമാക്കിയ നിയന്ത്രണങ്ങളിലെ നേർത്ത ബോർഡർ ലൈനുകൾ, ബട്ടൺ ഔട്ട്‌ലൈനുകൾ, ഐക്കൺ ഔട്ട്‌ലൈനുകൾ, ബോർഡറുകൾ.
  • Mist #c8c8c8 — വിഭജിക്കുന്ന വരകൾ, ഐക്കണുകൾക്ക് വ്യക്തമല്ലാത്ത പശ്ചാത്തലം, അസ്ഥികൂടത്തിന്റെ രൂപത്തിൽ ശൂന്യമായ സെല്ലുകൾ പൂരിപ്പിക്കൽ.

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

12 മുതൽ 32px വരെ · 5 ചുവടുകൾ

  • system-ui — മാറ്റിസ്ഥാപിക്കൽ: -apple-system · രൂപരേഖകൾ 400, 500, 600 · നാവിഗേഷൻ ലേബലുകൾ, ബട്ടണുകൾ, സന്ദേശ വാചകം, മെറ്റാഡാറ്റ, ഇൻപുട്ട് ഫീൽഡുകൾ, എല്ലാ ഇന്റർഫേസ് ഘടകങ്ങൾ എന്നിവയ്‌ക്കും ഉപയോക്തൃ ഇന്റർഫേസിനും ബോഡി ടെക്‌സ്റ്റിനുമുള്ള പ്രാഥമിക ഫോണ്ട് ഉപയോഗിക്കുന്നു. മെറ്റാഡാറ്റയ്‌ക്ക് 12-13px ഉം ബോഡി ടെക്‌സ്റ്റിന് 15-19px ഉം എന്ന കോം‌പാക്റ്റ് വലുപ്പങ്ങൾ ഒരു സാന്ദ്രമായ വാർത്താ ഫീഡിന്റെ പ്രതീതി സൃഷ്ടിക്കുന്നു. ബോഡി ടെക്‌സ്റ്റിന് 400 ഉം നാവിഗേഷൻ ഘടകങ്ങൾക്കും ബട്ടൺ ലേബലുകൾക്കും 500 ഉം ഹൈലൈറ്റ് ചെയ്‌ത സന്ദേശ ശീർഷകങ്ങൾക്കും വിഭാഗ ശീർഷകങ്ങൾക്കും 600 ഉം ആണ് ഭാരം.
  • Cahuenga — മാറ്റിസ്ഥാപിക്കൽ: Charter · രൂപരേഖകൾ 500 · ഉൽപ്പന്ന തല തലത്തിലുള്ള തലക്കെട്ടുകൾക്കായി (സൈഡ്‌ബാർ തലക്കെട്ടുകൾ, രജിസ്ട്രേഷൻ കാർഡ് തലക്കെട്ടുകൾ, പ്രധാന വാചകം) ഒരു സിഗ്നേച്ചർ അലങ്കാര സെരിഫ് ഫോണ്ട്. ഇതിന്റെ ഇടത്തരം ഭാരവും നേരിയ വര ഉയരവും വലുതായി തോന്നാതെ അതിന് ഒരു പ്രത്യേക രൂപം നൽകുന്നു; ഓറഞ്ച് നിറത്തിന് പുറമേ, സബ്‌സ്റ്റാക്കിന്റെ ഐഡന്റിറ്റിയെ സൂചിപ്പിക്കുന്ന ഒരേയൊരു ഫോണ്ട് ഇതാണ്.
  • Spectral — മാറ്റിസ്ഥാപിക്കൽ: Charter · രൂപരേഖകൾ 400 · വായനാ മുറികളിലും ന്യൂസ്ഫീഡ് ഉള്ളടക്കത്തിലും എഡിറ്റോറിയൽ മെറ്റീരിയലുകളുടെ വായനാക്ഷമത മെച്ചപ്പെടുത്തുന്നതിനായി ഉപയോഗിക്കുന്ന ഒരു സെരിഫ് ഫോണ്ട് - നീണ്ട പോസ്റ്റുകൾക്കായി. അല്പം ഇടുങ്ങിയ വരി അകലം (1.20) ന്യൂസ് റൂമുകളുടെ സാധാരണ ഒതുക്കം നിലനിർത്തിക്കൊണ്ട് സുഖകരമായ ഖണ്ഡിക വായന ഉറപ്പാക്കുന്നു.

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

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

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

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

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

  • ElevenLabs — സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
  • Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
  • Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
  • Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
  • Seline Analytics — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
  • Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
  • Anthropic — ഊഷ്മളമായ വെല്ലത്തെക്കുറിച്ചുള്ള ഒരു ശാസ്ത്രീയ ഫീൽഡ് ജേണൽ - ശാന്തമായ ആനക്കൊമ്പ് പ്രതലങ്ങൾ, സെറിഫൈഡ് എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ഒറ്റ കളിമൺ ആക്സന്റ്.
  • Calendly — തണുത്ത മാർബിളിൽ കടും നീല മഷി
  • Augen Pro — മോണോക്രോം നിറത്തിലുള്ള ഇടത്തിലെ ഏക ആകർഷണമായി ക്ലിനിക്കൽ, ഭാരമില്ലാത്ത, ഇലക്ട്രിക് നീലയാണ് ആപ്പിളിന്റെ വെള്ള നിറത്തിലുള്ള അവതരണത്തിൽ ഉള്ളത്.
  • Antimetal — ക്രീം പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ ക്രോണിക്കിൾ - ഒരു ശാസ്ത്ര ജേണലിലെ ശാന്തമായ ഒരു പ്രഭാതം, അവിടെ സംയമനം ആത്മവിശ്വാസം പകരുകയും സെരിഫുകൾ ഭാരിച്ച കാര്യങ്ങൾ ചെയ്യുകയും ചെയ്യുന്നു.
  • Perk — ചൂടുള്ള കടലാസ് പേപ്പറിൽ ഇലക്ട്രിക് കുമ്മായം
  • Ditto — കാട്ടുപൂക്കളുടെ സാമ്പിളുകൾ നിർമ്മിക്കുന്ന സൂര്യപ്രകാശത്തിൽ പ്രവർത്തിക്കുന്ന ഒരു വർക്ക്‌ഷോപ്പ്. ചൂടുള്ള ക്രീം നിറമുള്ള പ്രതലങ്ങൾ, തിളക്കമുള്ള മഞ്ഞ അടിസ്ഥാന നിറം, കടും നേവി നീല മഷികൾ, കഷണത്തിന് പിന്നിൽ വിരിഞ്ഞുനിൽക്കുന്ന ജൈവ നിറമുള്ള രൂപങ്ങൾ.