Steep
ചൂടുള്ള കടലാസിലെ സെരിഫ് ഫോണ്ടുകളുടെ വിശകലനം
എഡിറ്റോറിയൽ ഉള്ളടക്കമായി സ്റ്റീപ്പ് അനലിറ്റിക്സിനെ അവതരിപ്പിക്കുന്നു - സിഗ്നിഫയർ സെരിഫ് തലക്കെട്ടുകൾ ഏതാണ്ട് മോണോക്രോം വെളുത്ത ക്യാൻവാസിനു മുകളിൽ പൊങ്ങിക്കിടക്കുന്നു, കൂടാതെ ഒരു ചൂടുള്ള പീച്ച് ആക്സന്റ് (#fbe1d1) അക്രോമാറ്റിക് സിസ്റ്റത്തെ അടിവരയിടുന്നു. പേജ് ഒരു ഉൽപ്പന്ന മാഗസിൻ സ്പ്രെഡ് പോലെ വായിക്കുന്നു: വലുത്, കഴ്സീവ് ടൈപ്പ്ഫേസ്, വിശാലമായ ടെക്സ്റ്റ് സ്പേസ്, മൃദുവായ 24px-റേഡിയസ് അരികുകളുള്ള വലിയ കാർഡുകൾ, ഗുളിക ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ ഉപരിതലത്തിൽ ഫ്ലഷ് ചെയ്യുന്നു. ഘടകങ്ങൾ ശാന്തവും ഭാരമില്ലാത്തതുമായി തോന്നുന്നു - നിഴലുകൾ സൂക്ഷ്മമാണ്, ബോർഡറുകൾ നേർത്തതാണ്, കൂടാതെ പ്രവർത്തനപരമായ ഊന്നലിനായി നിറം ഉപയോഗിക്കുന്നു (പീച്ച് കോൾഔട്ട്, പീച്ച് പശ്ചാത്തലത്തിൽ കടും തവിട്ട് അക്ഷരങ്ങൾ). ഉൽപ്പന്ന പ്രതലങ്ങൾ (റീജിയൻ ടേബിളുകൾ, ആക്ടിവേഷൻ ഡയഗ്രമുകൾ, AI ബിൽഡർമാർ) ഡാഷ്ബോർഡിന്റെ ഷെല്ലിനുള്ളിൽ സ്ഥാപിക്കുന്നതിനുപകരം ഹെഡറിന് ചുറ്റും ഫ്ലോട്ടിംഗ് ഘടകങ്ങളായി അവതരിപ്പിക്കുന്നു.
പേജ് ലേഔട്ടിന്റെ പരമാവധി വീതി 1200px ആണ്, മധ്യഭാഗത്ത്, പ്രധാന വിഭാഗങ്ങൾ പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്നു, പക്ഷേ കണ്ടെയ്നറിനുള്ളിൽ അവശേഷിക്കുന്നു. പ്രധാന ലേഔട്ടിൽ ഒരു വലിയ സെരിഫ് ഫോണ്ട്, ഒരു ഉപതലക്കെട്ട്, ഒരു ജോഡി പിൽ ബട്ടണുകൾ എന്നിവയുള്ള ഒരു കേന്ദ്രീകൃത തലക്കെട്ട് ഉണ്ട്, അവ നാല് ഫ്ലോട്ടിംഗ് ഉൽപ്പന്ന വിവരണ കാർഡുകളാൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു (റീജിയൻ ടേബിൾ മുകളിൽ ഇടത്, രജിസ്ട്രേഷൻ കാർഡ് വലതുവശത്ത്, ആക്ടിവേഷൻ ഡയഗ്രം താഴെ ഇടത്, AI എഡിറ്റർ താഴെ മധ്യഭാഗം) വ്യത്യസ്ത ഓഫ്സെറ്റുകളിൽ ഒരു വെളുത്ത ക്യാൻവാസിനെ ഓവർലാപ്പ് ചെയ്യുന്നു. പേപ്പർ വൈറ്റ്, കാർഡ് മിസ്റ്റ് പശ്ചാത്തലങ്ങൾക്കിടയിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു, ശക്തമായ കോൺട്രാസ്റ്റ് ഇല്ലാതെ ശാന്തമായ ഒരു താളം സൃഷ്ടിക്കുന്നു. ഫീച്ചർ വിഭാഗങ്ങൾ വലിയ 80px ലംബ ഗട്ടറുകളുള്ള രണ്ട്-കോളം ടെക്സ്റ്റ് ലേഔട്ടും UI യും ഉപയോഗിക്കുന്നു. ഇടതുവശത്ത് ലോഗോയും മധ്യഭാഗത്ത് നാവിഗേഷൻ ലിങ്കുകളും വലതുവശത്ത് രണ്ട് കോൾ ടു ആക്ഷനും (ടെക്സ്റ്റ് ലിങ്ക് + പൂരിപ്പിച്ച പിൽ ബട്ടൺ) ഉള്ള ഒരു സുതാര്യമായ ടോപ്പ് ബാറാണ് നാവിഗേഷൻ. മൊത്തത്തിലുള്ള ലേഔട്ട് സാന്ദ്രത വിശാലമാണ്—പേജ് വിഭാഗങ്ങൾക്കിടയിൽ "ശ്വസിക്കുന്നു", ഉള്ളടക്കം ഒരിക്കലും അരികുകളിൽ തിരക്കില്ല.
വിഷ്വൽ ഡിസൈൻ ഉൽപ്പന്നത്തെ കേന്ദ്രീകരിച്ചുള്ളതാണ്, ജീവിതശൈലിയെ കേന്ദ്രീകരിച്ചുള്ളതല്ല: ഫ്ലോട്ടിംഗ് UI ഘടകങ്ങൾ (അഞ്ച്-വരി ഡാറ്റയുള്ള പ്രാദേശിക പട്ടികകൾ, ഓഗസ്റ്റ്-നവംബർ മാസങ്ങളിലെ സജീവമാക്കലുകൾ കാണിക്കുന്ന ലൈൻ ചാർട്ടുകൾ, റേഡിയൽ പ്രോഗ്രസ് റിംഗുകൾ, AI ഇൻപുട്ട് ഫീൽഡുകൾ) എഡിറ്റോറിയൽ തലക്കെട്ടുകൾക്ക് ചുറ്റും ക്രോപ്പ് ചെയ്ത സ്ക്രീൻഷോട്ടുകളായി ക്രമീകരിച്ചിരിക്കുന്നു. ഫോട്ടോഗ്രാഫുകളോ ചിത്രീകരണങ്ങളോ അമൂർത്ത ഗ്രാഫിക്സോ ഇല്ല. എല്ലാ വിഷ്വൽ ഉൽപ്പന്ന ഘടകങ്ങളും നേർത്ത ബോർഡറുകളും മൃദുവായ ഷാഡോകളുമുള്ള വെളുത്ത ഫ്ലോട്ടിംഗ് കാർഡുകളിൽ സ്ഥാപിച്ചിരിക്കുന്നു. അവതാർ സർക്കിളുകളിൽ ഒരു ചെറിയ കഴ്സർ ദിശാസൂചന സൂചകം ഉണ്ട് - തത്സമയ ഇടപെടലിനെ സൂചിപ്പിക്കുന്ന ഒരു വിഷ്വൽ മോട്ടിഫ്. ഒരു സ്റ്റോക്ക് ഫോട്ടോയുള്ള ഒരു കേന്ദ്രീകൃത തലക്കെട്ടിനേക്കാൾ, ടെക്സ്റ്റിന്റെയും UIയുടെയും ഒരു കൊളാഷാണ് പ്രധാന രചന.
പാലറ്റ്
നിഷ്പക്ഷം
- Ink Black
#17191c— പ്രധാന വാചകം, പൂരിപ്പിച്ച ബട്ടൺ പശ്ചാത്തലം, നാവിഗേഷൻ ലോഗോ എന്നിവ മാത്രമാണ് സിസ്റ്റത്തിലെ ഇരുണ്ട പ്രതലങ്ങൾ; പ്രധാന വാചകത്തിലെ എല്ലാ കോൾ ടു ആക്ഷൻ, തലക്കെട്ടുകൾ എന്നിവയും ഈ കറുത്ത പശ്ചാത്തലത്തിൽ ദൃശ്യമാകുന്നു. - Paper White
#ffffff— പേജ് ക്യാൻവാസ്, ബട്ടൺ ടെക്സ്റ്റ്, എംബോസ് ചെയ്ത കാർഡ് പ്രതലങ്ങൾ എന്നിവയാണ് പ്രബലമായ പശ്ചാത്തല ടോൺ, ഏകദേശം 76 ഫ്രീക്വൻസി പോയിന്റുകൾ വഹിക്കുന്നു. - Mist Gray
#f2f2f3— കാർഡ് പ്രതലങ്ങൾ, അധിക പശ്ചാത്തലങ്ങൾ, ഇൻപുട്ട് ഫീൽഡ് ഫില്ലുകൾ - ഉൾച്ചേർത്ത ഉള്ളടക്കത്തിനായി പേപ്പറിന് താഴെയുള്ള ഒരു അദൃശ്യ പാളി. - Fog White
#fafafb— ഹോവറിൽ വിഭാഗങ്ങളും പ്രതലങ്ങളും ഒന്നിടവിട്ട് മാറ്റുന്നതിനുള്ള ഒരു അധിക പേജ് പശ്ചാത്തലം - സൂക്ഷ്മമായ വര വ്യതിയാനങ്ങൾ സൃഷ്ടിക്കുന്നതിന് പേപ്പറിന് ഒരു പടി മുകളിൽ. - Slate Gray
#777b86— ലിങ്ക് നിറം, മ്യൂട്ടുചെയ്ത ഓക്സിലറി ടെക്സ്റ്റ്, ഫൂട്ടർ ടെക്സ്റ്റ് - പ്രധാന ടെക്സ്റ്റിനും ഉൾപ്പെടുത്താൻ കഴിയാത്ത ടെക്സ്റ്റിനും ഇടയിൽ സ്ഥാപിച്ചിരിക്കുന്ന ഒരു കൂൾ, ഡീസാച്ചുറേറ്റഡ് ഗ്രേ. - Ash Gray
#979799— അധിക ലേബലുകൾ, കാറ്റഗറി ടാഗുകൾ (മാർക്കറ്റിംഗ്, ഫിനാൻസ്, സെയിൽസ്) - ലിങ്ക് നിറത്തേക്കാൾ ഒരു പടി കുറവ്.
ടൈപ്പോഗ്രാഫി
15 മുതൽ 90px വരെ · 8 ചുവടുകൾ
- Signifier — മാറ്റിസ്ഥാപിക്കൽ: GT Sectra · രൂപരേഖകൾ 400 · ഹെഡ്ലൈനുകൾക്കും ടൈറ്റിലുകൾക്കുമായി ഒരു സെരിഫ് ഫോണ്ട് - മൂന്ന് വലുപ്പങ്ങളിൽ H1/H2 ന് മാത്രമായി ഉപയോഗിക്കുന്നു; എല്ലാ സ്കെയിലുകളിലും ഫോണ്ട് ഭാരം 400 (സാധാരണ) ആയി തുടരുന്നു, ഒരു സിഗ്നേച്ചർ ചോയ്സ്: ഒരു സെരിഫ് ഫോണ്ട് ബോൾഡ് ഫോണ്ട് പോലെ അലറുന്നതിനുപകരം മന്ത്രിക്കുന്നു.
- Sohne — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 430, 450, 480, 500 · മെയിൻ ഫോണ്ട്, ഇന്റർഫേസ് ഫോണ്ട്, നാവിഗേഷൻ ഫോണ്ടുകൾ എന്നിവ വൈവിധ്യമാർന്നതാണ്, മെറ്റാഡാറ്റ മുതൽ ഉപതലക്കെട്ടുകൾ വരെ എല്ലാം ഉൾക്കൊള്ളുന്നു; സെമി-സ്റ്റെപ്പ്ഡ് വെയ്റ്റുകൾ (430, 450, 480) ബോൾഡിലേക്ക് ചാടാതെ സൂക്ഷ്മമായ ഒരു ശ്രേണി സൃഷ്ടിക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 24px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 80px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Steep ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Newformcap — ഡ്രസ്സിംഗ് റൂമിലെ എഡിറ്റോറിയൽ പത്രം
- Claude — ചൂടുള്ള കടലാസിൽ അച്ചടിച്ച ഒരു കലാസൃഷ്ടി - അസ്ഥി കടലാസിൽ മഷി, നിറങ്ങളുടെ ഏക ആശ്വാസമായി കളിമണ്ണ്.
- 11x– Digital workers — ഒരു സിനിമാറ്റിക് എഡിറ്റോറിയൽ തരിശുഭൂമി - ഒരു ആഡംബര മാസിക പോലെ വായിക്കപ്പെടുന്ന മഹത്തായ സെരിഫ് തലക്കെട്ടുകൾക്കെതിരെ സജ്ജീകരിച്ചിരിക്കുന്ന ഭൂപ്രകൃതിയുടെ പനോരമിക് ഫോട്ടോഗ്രാഫുകൾ.
- Revolut — മേഘങ്ങളുടെ ഒരു ഫോട്ടോഗ്രാഫിനെ അടിസ്ഥാനമാക്കിയുള്ള ഒരു മോണോക്രോം എഡിറ്റോറിയൽ വർക്ക് - വെളുത്ത മഷി, പിൽബോക്സ് ബട്ടണുകൾ, ഗ്രേസ്കെയിൽ ലോകത്ത് ഒറ്റ നീല നിറത്തിലുള്ള വര.
- Scheduling — ക്രീം പേപ്പറിൽ എഡിറ്റോറിയൽ മഷി
- Titan — വാം-ടോൺഡ് മോണോക്രോം ആർക്കൈവ്
- Programa — ഉച്ചയ്ക്ക് ഒരു സ്വിസ് ഡിസൈൻ സ്റ്റുഡിയോ. വെളുത്ത ഗാലറി ഭിത്തിയിൽ ഒരു മഞ്ഞ ടേബിൾ ലാമ്പ് പ്രകാശിക്കുന്നു - ഒരു ബട്ടൺ, ഐക്കൺ അല്ലെങ്കിൽ ആക്സന്റ് ശ്രദ്ധയിൽപ്പെടുന്നതുവരെ എല്ലാം ചാരനിറത്തിലുള്ള ഷേഡുകളിലാണ്, തുടർന്ന് ആ ഒരൊറ്റ മഞ്ഞ ആക്സന്റ് മുഴുവൻ മുറിയെയും നിർവചിക്കുന്നു.
- Sana Agents — എഡിറ്റോറിയലിൽ വെളുത്ത പശ്ചാത്തലത്തിൽ നാരങ്ങ തിളക്കം
- Visual — ഊഷ്മളമായ എഡിറ്റോറിയൽ സമിസ്ദാത്ത്. ക്രീം പേപ്പർ, സെരിഫ് പോസ്റ്ററുകൾ, മോണോക്രോം മാർജിനാലിയ, ഒരു മഞ്ഞ മാർക്കർ.
- Midday — വെല്ലത്തെക്കുറിച്ചുള്ള എഡിറ്റോറിയൽ ബ്രോഷർ - ചൂടുള്ള കല്ല് പശ്ചാത്തലത്തിൽ 72px സെരിഫ് തലക്കെട്ട്, സ്പെയ്സിംഗ് ഉള്ള സാൻസ്-സെരിഫ് ബോഡി കോപ്പി, ഗുളിക ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങൾ, ഷാഡോകളില്ല.
- Chat for impact — പാസ്റ്റൽ നിറങ്ങളിലുള്ള മുറികളുള്ള ഒരു ഫോറസ്റ്റ് ഗ്രീൻ ക്ലിനിക്
- Handhold — കേൾവി പോലും കേൾക്കാത്ത സെരിഫുകൾക്ക് താഴെയുള്ള ചൂടുള്ള കടലാസ് - ക്രോമാറ്റിക് നോയ്സ് ഇല്ലാതെ കൈകൊണ്ട് സജ്ജീകരിച്ച എഡിറ്റോറിയൽ സ്പ്രെഡ്, ഏറ്റവും മികച്ച 200-പോയിന്റ് സെരിഫ് ഫോണ്ട് മുഴുവൻ ശബ്ദവും അറിയിക്കുന്നു.