Medium
ഗോൾഡൻ അവറിലെ ക്രീം വൈറ്റ് പത്രം
മീഡിയം വെബിലേക്ക് മാറ്റിസ്ഥാപിച്ച ഒരു സാഹിത്യ വായനാമുറി പോലെയാണ് പ്രവർത്തിക്കുന്നത്: SaaS-ന്റെ സാധാരണ അണുവിമുക്തമായ വെളുത്ത നിറത്തെ ഒരു ചൂടുള്ള, ക്രീം നിറമുള്ള പശ്ചാത്തലം (#f7f4ed) മാറ്റിസ്ഥാപിക്കുന്നു, ഇത് നീണ്ട വാചകങ്ങളെ ഒരു അച്ചടിച്ച പേജ് പോലെ തോന്നിപ്പിക്കുന്നു. വിഷ്വൽ സിസ്റ്റം ആക്രമണാത്മകമായി മോണോക്രോം ആണ് - മിക്കവാറും എല്ലാ UI പ്രതലങ്ങളും, വാചകവും, ബോർഡറുകളും #242424 മുതൽ #6b6b6b വരെയുള്ള ചൂടുള്ള ചാരനിറത്തിലുള്ള ഇടുങ്ങിയ ബാൻഡിലാണ് - അതിനാൽ വായനക്കാരന്റെ ശ്രദ്ധ പൂർണ്ണമായും ഉള്ളടക്കത്തിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്നു. ഒരേയൊരു സിഗ്നേച്ചർ ആംഗ്യ സെരിഫ് തലക്കെട്ട് (GT സൂപ്പർ, 120px, ഭാരം 400, അക്ഷരങ്ങളുടെ അകലം -0.055em), ബോധപൂർവമായ ആന്റി-ട്രെൻഡ് ചോയ്‌സ്: ഡിസ്‌പ്ലേയ്‌ക്കായി സ്‌കെയിൽ ചെയ്ത ഒരു ട്രാൻസിഷണൽ ബുക്ക് സെരിഫ് ഫോണ്ട്, ബോൾഡ് ജ്യാമിതീയ സാൻസ്-സെരിഫിനേക്കാൾ വളരെ ശ്രദ്ധേയമാണ്, സൂചനകൾ: "ഞങ്ങൾ പുസ്തകങ്ങൾ പ്രസിദ്ധീകരിക്കുന്നില്ല, സോഫ്റ്റ്‌വെയർ അല്ല." ബട്ടണുകൾ ഏതാണ്ട് കറുത്ത നിറമുള്ള "ഗുളികകൾ" ആണ് - പേജിലെ ഒരേയൊരു സോളിഡ് മഷി.
ഹോംപേജിൽ രണ്ട് കോളങ്ങളുണ്ട്: ഇടതുവശം പേജിന്റെ ~55% സ്ഥലമെടുക്കുന്നു, തലക്കെട്ട്, ഉപവാചകം, കോൾ ടു ആക്ഷൻ എന്നിവ വിശാലമായ ആന്തരിക അകലത്തിൽ ലംബമായി ക്രമീകരിച്ചിരിക്കുന്നു; വലതുവശം പേജിന്റെ ~45% സ്ഥലമെടുക്കുന്നു, ഒരു ചിത്രീകരണ പാനലും ഉണ്ട്. ഇടത് കോളം ഇടത്-വിന്യസിച്ചിരിക്കുന്നു (മധ്യത്തിലല്ല), പേജ് വായനാ അക്ഷത്തിലേക്ക് നങ്കൂരമിടുന്നു. ഹോംപേജിനു താഴെ, പേജ് ഫൂട്ടറിൽ മധ്യഭാഗത്തുള്ള ലിങ്കുകളുള്ള ഒരു പൂർണ്ണ വീതിയുള്ള ക്രീം നിറമുള്ള സ്ട്രിപ്പാണ്. ഹോംപേജിൽ കാർഡ് ഗ്രിഡുകളോ ഫീച്ചർ വിഭാഗങ്ങളോ ഒന്നിടവിട്ട വരകളോ ഇല്ല - ഹോംപേജ് ഒരു പേജാണ്. ഉള്ളടക്ക സാന്ദ്രത മനഃപൂർവ്വം കുറവാണ്: ഒരു തലക്കെട്ട്, ഒരു വാക്യം, ഒരു ബട്ടൺ, ഒരു ചിത്രം. പേജ് ഒരു കവറാണ്, ഡാഷ്‌ബോർഡല്ല.
ചിത്രീകരണങ്ങൾ എഡിറ്റോറിയലും എപ്പിസോഡിക്കുമാണ്, വ്യവസ്ഥാപിതമല്ല. പ്രധാന പേജിൽ കൈകൊണ്ട് വരച്ച ഒറ്റ ചിത്രീകരണം (ഒരു പച്ച പുഷ്പം, ഒരു ജ്യാമിതീയ കൈപ്പത്തി, നക്ഷത്രസമൂഹ രേഖകൾ) അയഞ്ഞതും അൽപ്പം നിഷ്കളങ്കവുമായ ശൈലിയിൽ ഉണ്ട്. സ്ഥിരമായ ഒരു ലൈബ്രറിയിൽ നിന്നല്ല, മറിച്ച് കാലാനുസൃതമായി മാറുന്ന കമ്മീഷൻ ചെയ്ത കൃതികൾ പോലെയാണ് ചിത്രീകരണങ്ങൾ കാണപ്പെടുന്നത്. പ്രധാന പേജിൽ ഫോട്ടോഗ്രാഫുകളൊന്നുമില്ല. പ്രധാന പേജിൽ ഐക്കണുകളൊന്നുമില്ല - എല്ലാ ജോലികളും ടെക്സ്റ്റ് ലോഗോയും ടെക്സ്റ്റും ഉപയോഗിച്ചാണ് ചെയ്യുന്നത്. ദൃശ്യഭാഷ പ്രധാനമായും ടെക്സ്റ്റ് അധിഷ്ഠിതമാണ്, ചിത്രീകരണങ്ങൾ വിരാമചിഹ്നങ്ങളായി വർത്തിക്കുന്നു.
പാലറ്റ്
നിഷ്പക്ഷം
- Newsprint Cream
#f7f4ed— പേജ് ക്യാൻവാസ്, പ്രധാന വിൻഡോ പശ്ചാത്തലം, സെക്ഷൻ പശ്ചാത്തലം എന്നിവയ്ക്ക് ഊഷ്മളവും ചെറുതായി ക്രീം നിറവുമായ നിറമുണ്ട്, ഇത് ഡിജിറ്റൽ ഇന്റർഫേസിനേക്കാൾ പ്രിന്റ് ചെയ്ത ഇന്റർഫേസിന്റെ പ്രതീതി സൃഷ്ടിക്കുന്നു. - Paper White
#ffffff— കാർഡ് പ്രതലങ്ങൾ, ഉയർത്തിയ പാനലുകൾ, ഫോം എൻട്രി ഫീൽഡുകൾ, ക്രീം ക്യാൻവാസിൽ നിന്ന് വേർതിരിക്കേണ്ട ഏതെങ്കിലും പ്രതലങ്ങൾ. - Ink
#242424— ബോഡി ടെക്സ്റ്റ്, ബോഡി ടെക്സ്റ്റ്, ലിങ്കുകൾ, തലക്കെട്ടുകൾ - ശുദ്ധമായ കറുപ്പിനേക്കാൾ അല്പം ചൂട്, ക്രീം പശ്ചാത്തലത്തിൽ നന്നായി കാണപ്പെടുന്നു. - Body Gray
#333333— മഷി നിറത്തേക്കാൾ അല്പം ഭാരം കുറഞ്ഞ നിറം കോൺട്രാസ്റ്റ് നഷ്ടപ്പെടാതെ ആവശ്യമുള്ളിടത്ത് സെക്കൻഡറി ടെക്സ്റ്റ് നിറവും ഡിഫോൾട്ട് ഫോർഗ്രൗണ്ട് നിറവും ഉപയോഗിക്കുന്നു. - Button Black
#191919— ദ്വിതീയ UI ഘടകങ്ങൾ, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്ക്ക് ഒരു ന്യൂട്രൽ നിറം പിന്തുണയ്ക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - Marginalia Gray
#6b6b6b— സെക്കൻഡറി UI, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്‌ക്കുള്ള ന്യൂട്രൽ വർണ്ണ പിന്തുണ.
ടൈപ്പോഗ്രാഫി
13 മുതൽ 120px വരെ · 5 ചുവടുകൾ
- medium-content-sans-serif-font — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · മീഡിയം-കണ്ടന്റ്-സാൻസ്-സെരിഫ് ഫോണ്ട് - എക്സ്ട്രാക്റ്റ് ചെയ്ത ഡാറ്റയിൽ കണ്ടെത്തി, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
- GT Super — മാറ്റിസ്ഥാപിക്കൽ: Playfair Display · രൂപരേഖകൾ 400 · തലക്കെട്ടുകളും ബോഡി ടെക്സ്റ്റും എക്സ്ട്രീം സ്കെയിലിൽ ഇറുകിയ അക്ഷര വിടവും 0.83 വരി വിടവും ഉള്ള ഒരു ട്രാൻസിഷണൽ ബുക്ക് സെരിഫ് ഫോണ്ടാണ്. 120px-ൽ 400 വെയ്റ്റ് (ബോൾഡ് അല്ല) തിരഞ്ഞെടുക്കുന്നത് ഒരു സിഗ്നേച്ചർ സവിശേഷതയാണ്: വെയ്റ്റ് അല്ല, ലെറ്റർഫോമുകളാണ് ജോലി ചെയ്യുന്നത്. നെഗറ്റീവ് ലെറ്റർ സ്പേസിംഗ് ഒപ്റ്റിക്കൽ വിടവുകൾ കുറയ്ക്കുന്നു, ഇത് "ഹ്യൂമൻ സ്റ്റോറീസ് ആൻഡ് ഐഡിയാസ്" ഒരു ഏകീകൃത ടൈപ്പോഗ്രാഫിക് ബ്ലോക്ക് പോലെ തോന്നിപ്പിക്കുന്നു.
- Söhne — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · നാവിഗേഷൻ, ബട്ടണുകൾ, ഉപതലക്കെട്ടുകൾ, ചെറിയ ശീർഷകങ്ങൾ എന്നിവയ്‌ക്കായി UI സാൻസ്-സെരിഫ് ഫോണ്ട് ഉപയോഗിക്കുന്നു. 13–14px ശ്രേണി നാവിഗേഷൻ ലേബലുകൾക്കും ബട്ടണുകൾക്കുമാണ്; 20–22px ശ്രേണി ഉപതലക്കെട്ടുകൾക്കും തലക്കെട്ടിനുള്ളിലെ ദ്വിതീയ വാചകത്തിനും വേണ്ടിയുള്ളതാണ്. മാനുഷിക അനുപാതങ്ങളുള്ള ഒരു വൃത്തിയുള്ള സാൻസ്-സെരിഫ് ചെറിയ വലുപ്പങ്ങളിൽ വ്യക്തവും വലുതിൽ വ്യക്തവുമല്ല.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 16-24px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 0px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 64px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Medium ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്‌വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- 1X NEO — 1X Tech ഒരു നിശബ്ദ ഹോം തിയേറ്ററാണ്. എഡിറ്റോറിയൽ വാചകമുള്ള ഒരു മങ്ങിയ പേജ് ആളുകളുടെയും ഒരു ഹ്യൂമനോയിഡ് റോബോട്ടിന്റെയും സിനിമാറ്റിക് രംഗങ്ങളുമായി തുറക്കുന്നു, അതേസമയം ഇന്റർഫേസ് ഘടകങ്ങൾ ചെറുതും അകലത്തിലുള്ളതുമായ അടിക്കുറിപ്പുകളിലേക്കും മൃദുവായ മോണോക്രോം ചിത്രങ്ങളിലേക്കും ചുരുക്കിയിരിക്കുന്നു.
- B150 — ഭാവിയിലെ ഒരു ഫിലിം ഗ്രെയിൻ മാസ്റ്റർക്ലാസ്. ഉൽപ്പന്നങ്ങളുടെയും സ്രഷ്ടാക്കളുടെയും ഇരുണ്ടതും മനുഷ്യവലിപ്പത്തിലുള്ളതുമായ ചിത്രങ്ങളിൽ തിളക്കമുള്ളതും ക്രീമിയുമായ എഡിറ്റോറിയൽ വിഭാഗങ്ങൾ സൃഷ്ടിക്കുന്നു.
- Captions — സൂര്യപ്രകാശം ലഭിക്കുന്ന ഒരു എഡിറ്റിംഗ് ഡെസ്ക്. വെളുത്തതും ചെറുതായി ശബ്ദമുണ്ടാക്കുന്നതുമായ ഒരു വർക്ക്‌സ്‌പെയ്‌സിന് മുകളിൽ അർദ്ധസുതാര്യവും വളഞ്ഞതുമായ ഒരു നാവിഗേഷൻ ബാർ സ്ഥാപിക്കുക, തുടർന്ന് ഇളം നീല നിറത്തിലുള്ള വർക്ക് പ്രതലങ്ങളും ഫൂട്ടേജുകളുടെ ക്ലോസ്-അപ്പുകളും ഉപയോഗിച്ച് അതിനെ പൂരകമാക്കുക.
- Steep — ചൂടുള്ള കടലാസിലെ സെരിഫ് ഫോണ്ടുകളുടെ വിശകലനം
- Newformcap — ഡ്രസ്സിംഗ് റൂമിലെ എഡിറ്റോറിയൽ പത്രം
- Claude — ചൂടുള്ള കടലാസിൽ അച്ചടിച്ച ഒരു കലാസൃഷ്ടി - അസ്ഥി കടലാസിൽ മഷി, നിറങ്ങളുടെ ഏക ആശ്വാസമായി കളിമണ്ണ്.
- 11x– Digital workers — ഒരു സിനിമാറ്റിക് എഡിറ്റോറിയൽ തരിശുഭൂമി - ഒരു ആഡംബര മാസിക പോലെ വായിക്കപ്പെടുന്ന മഹത്തായ സെരിഫ് തലക്കെട്ടുകൾക്കെതിരെ സജ്ജീകരിച്ചിരിക്കുന്ന ഭൂപ്രകൃതിയുടെ പനോരമിക് ഫോട്ടോഗ്രാഫുകൾ.
- Revolut — മേഘങ്ങളുടെ ഒരു ഫോട്ടോഗ്രാഫിനെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു മോണോക്രോം എഡിറ്റോറിയൽ വർക്ക് - വെളുത്ത മഷി, പിൽബോക്സ് ബട്ടണുകൾ, ഗ്രേസ്കെയിൽ ലോകത്ത് ഒറ്റ നീല നിറത്തിലുള്ള വര.
- Scheduling — ക്രീം പേപ്പറിൽ എഡിറ്റോറിയൽ മഷി
- Titan — വാം-ടോൺഡ് മോണോക്രോം ആർക്കൈവ്
- AWE — അർദ്ധരാത്രിക്ക് ശേഷം ഒരു റോബോട്ടിക് നിരീക്ഷണാലയം. AI- പവർ ചെയ്ത ചിത്രങ്ങൾക്കും ചെറിയ ഡാഷ്‌ബോർഡ് വാചകത്തിനും മുകളിൽ ഇളം എഡിറ്റോറിയൽ തരം പൊങ്ങിക്കിടക്കുന്ന, കറുത്ത, ഗാലറി പോലുള്ള സ്‌ക്രീനുകൾ സൃഷ്ടിക്കുക.
- Programa — ഉച്ചയ്ക്ക് ഒരു സ്വിസ് ഡിസൈൻ സ്റ്റുഡിയോ. വെളുത്ത ഗാലറി ഭിത്തിയിൽ ഒരു മഞ്ഞ ടേബിൾ ലാമ്പ് പ്രകാശിക്കുന്നു - ഒരു ബട്ടൺ, ഐക്കൺ അല്ലെങ്കിൽ ആക്സന്റ് ശ്രദ്ധയിൽപ്പെടുന്നതുവരെ എല്ലാം ചാരനിറത്തിലുള്ള ഷേഡുകളിലാണ്, തുടർന്ന് ആ ഒരൊറ്റ മഞ്ഞ ആക്സന്റ് മുഴുവൻ മുറിയെയും നിർവചിക്കുന്നു.