
Superlist
പവിഴപ്പുറ്റുകളുടെ തീക്കനലുകൾ നിറഞ്ഞ ഒരു രാത്രികാല വർക്ക്സ്പെയ്സ് - ഓരോ പ്രവർത്തനത്തെയും സൂചിപ്പിക്കുന്ന ഒരു ചൂടുള്ള ഓറഞ്ച് തീപ്പൊരിയുള്ള ശാന്തമായ വഴുതന ആപ്പ് ഉപരിതലം.
അർദ്ധരാത്രിയിലെ പർപ്പിൾ നിറങ്ങളിൽ സൂപ്പർലിസ്റ്റ് ഒരു ഉൽപ്പാദനക്ഷമതാ ഭാഷ ഉപയോഗിക്കുന്നു: ആഴത്തിലുള്ള വഴുതന, ഏക പ്രാഥമിക നിറമായി ചൂടുള്ള പവിഴം, മുഴുവൻ അന്തരീക്ഷത്തെയും പകർത്തുന്ന വലിയ സാൻസ്-സെരിഫ് തലക്കെട്ടുകൾ. ഇന്റർഫേസ് രാത്രി വൈകിയുള്ള ശ്രദ്ധ കേന്ദ്രീകരിച്ച ജോലിയുടെ ഒരു അനുഭൂതി ഉണർത്തുന്നു - നിശബ്ദവും, പാളികളുള്ളതും, ആത്മവിശ്വാസമുള്ളതും, പ്രവർത്തനത്തിലേക്കുള്ള കോൾസ്, സജീവമായ അവസ്ഥകൾ, പ്രധാന പോയിന്റുകൾ എന്നിവയിൽ ഫങ്ഷണൽ വിരാമചിഹ്നമായി മാത്രം നിറം ഉപയോഗിക്കുന്നു. അണുവിമുക്തമാക്കുന്നതിനുപകരം ആഴം ഊഷ്മളമാണെന്ന് ഉറപ്പാക്കാൻ ശുദ്ധമായ കറുപ്പ് ഒഴിവാക്കിക്കൊണ്ട്, പർപ്പിൾ അണ്ടർടോൺ (#181824 → #26253b) ഉപയോഗിച്ച് സൂക്ഷ്മമായ ഇരുണ്ട ടോണുകളിൽ ഉപരിതലങ്ങൾ പാളികളായി നിരത്തിയിരിക്കുന്നു. ഘടകങ്ങളിൽ ഉദാരമായ വൃത്താകൃതിയിലുള്ള ആകൃതികൾ (20px കാർഡുകൾ, ഗുളിക ബട്ടണുകൾ), മൃദുവായ നിഴലുകൾ, ഇറുകിയ ഗ്രിഡുകൾക്ക് പകരം സുഖപ്രദമായ 10-16px വിടവുകളിലൂടെ "ശ്വസിക്കുക" എന്നിവ ഉൾപ്പെടുന്നു. തലക്കെട്ടിന്റെ ശബ്ദമാണ് എല്ലാം: 70-88px-ൽ 600-പോയിന്റ് ഭാരം -0.02em എന്ന ഇടുങ്ങിയ അക്ഷര അകലം ഉള്ള വാചകത്തെ UI-യെക്കാൾ ടൈപ്പോഗ്രാഫിക് ആയി കണക്കാക്കുന്നു - ഇത് SaaS-നേക്കാൾ എഡിറ്റോറിയൽ പകർപ്പിനോട് അടുക്കുന്നു.
പേജിന്റെ മുഴുവൻ വീതിയിലും ഇരുണ്ട വിഭാഗങ്ങൾ വ്യാപിച്ചിരിക്കുന്നു, മധ്യഭാഗത്തുള്ളതും പരമാവധി വീതിയുള്ളതുമായ ഉള്ളടക്ക കണ്ടെയ്നറുകൾ ഇതിൽ ഉൾപ്പെടുന്നു. പ്രധാന വിഭാഗം ലംബമായി കേന്ദ്രീകരിച്ചിരിക്കുന്നു, അതിൽ ഒരു തലക്കെട്ട്, സബ്ടെക്സ്റ്റ്, കോൾ ടു ആക്ഷൻ (CTA) എന്നിവ അടങ്ങിയിരിക്കുന്നു, തുടർന്ന് അടുത്ത വിഭാഗത്തെ ഓവർലാപ്പ് ചെയ്യുന്ന ഒരു വലിയ ഉൽപ്പന്ന സ്ക്രീൻഷോട്ട് ഉണ്ട്. തുടർന്നുള്ള വിഭാഗങ്ങൾ കേന്ദ്രീകൃത ടെക്സ്റ്റ് ബ്ലോക്കുകളും കാർഡ് ഗ്രിഡുകളും തമ്മിൽ മാറിമാറി വരുന്നു. അവലോകന വിഭാഗം അവലോകന കാർഡുകളും 16 ഗട്ടറുകളും ഉള്ള മൂന്ന്-കോളം ഗ്രിഡ് ഉപയോഗിക്കുന്നു. ഇടതുവശത്ത് ഒരു ലോഗോയും കേന്ദ്രീകൃത ലിങ്കുകളും വലതുവശത്ത് ലോഗിൻ പ്രവർത്തനങ്ങളും ഉള്ള ഒരു മുകളിലെ ബാറാണ് നാവിഗേഷൻ - സ്ഥിരമായ സൈഡ്ബാറോ മെഗാ-മെനുവോ ഇല്ല. വിഭാഗങ്ങൾക്കിടയിലുള്ള ഗട്ടറുകൾ ഉദാരമാണ് (16 ഗട്ടറുകൾ), ഇടതൂർന്ന ഉൽപ്പന്ന ഗ്രിഡിനേക്കാൾ വിശാലവും എഡിറ്റോറിയൽ താളവും സൃഷ്ടിക്കുന്നു.
വിഷ്വൽ സ്പെയ്സിൽ ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടുകൾ ആധിപത്യം പുലർത്തുന്നു - യഥാർത്ഥ ആപ്പ് ഇന്റർഫേസ് പ്രദർശിപ്പിക്കുന്ന വൃത്താകൃതിയിലുള്ള കോണുകളുള്ള ഒരു വലിയ ഫ്രെയിം, പ്രധാന, ദ്വിതീയ വിഭാഗങ്ങളെ നിറയ്ക്കുന്നു. ഫോട്ടോകൾ വളരെ കുറവാണ്, ഉപയോക്തൃ അവതാറുകളോ ഇൻ-ആപ്പ് മീഡിയയുടെ പ്രിവ്യൂകളോ ആയി മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ (ഉദാഹരണത്തിന്, ഉൽപ്പന്ന മോക്കപ്പിന്റെ വലത് പാനലിലെ കച്ചേരി ചിത്രം). ട്രസ്റ്റ് ബാറിലെ ലോഗോകൾ പരന്നതും നിശബ്ദവുമായ വെളുത്ത വാചക ചിഹ്നങ്ങളാണ്. അലങ്കാര ചിത്രീകരണങ്ങളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല, 3D റെൻഡറുകളില്ല. ഉൽപ്പന്നത്തെ സ്കെയിലിൽ പ്രദർശിപ്പിക്കുക, ടൈപ്പോഗ്രാഫി വൈകാരിക പ്രവർത്തനം നടത്താൻ അനുവദിക്കുക, പവിഴം ഏക ആക്സന്റ് നിറമായി ഉപയോഗിക്കുക എന്നതാണ് വിഷ്വൽ തന്ത്രം.
പാലറ്റ്
ബ്രാൻഡ്
- Coral Ember
#ff4a36— അലങ്കാര വിശദാംശങ്ങൾക്കും അപൂർവമായ സൂചനകൾ എടുത്തുകാണിക്കുന്നതിനും ഓറഞ്ച് ഒരു ദ്വിതീയ ആക്സന്റായി ഉപയോഗിക്കുന്നു. പ്രവർത്തനത്തിലേക്കുള്ള ആഹ്വാനങ്ങൾക്ക് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
നിഷ്പക്ഷം
- Aubergine Canvas
#181824— പ്രധാന ക്യാൻവാസായ പേജ് പശ്ചാത്തലം, ശുദ്ധമായ കറുപ്പിന് പകരം ഊഷ്മളവും ഇരുണ്ടതുമായ ഒരു ഷേഡാണ്, ഇത് ഉപയോക്തൃ ഇന്റർഫേസ് പരന്നതായി കാണപ്പെടുന്നതിന് പകരം പാളികളായി കാണപ്പെടുന്നു. - Elevated Plum
#26253b— കാർഡ് ഉപരിതലങ്ങൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, നാവിഗേഷൻ കണ്ടെയ്നറുകൾ - ദൃശ്യമായ ഒരു അതിർത്തിയില്ലാതെ ആഴം സൃഷ്ടിക്കുന്നത് ക്യാൻവാസിനേക്കാൾ ഒരു പടി എളുപ്പമാണ്. - Pure White
#ffffff— പ്രധാന തലക്കെട്ടുകൾ, ബട്ടൺ വാചകം, ഐക്കൺ രൂപരേഖകൾ - ഇരുണ്ട ക്യാൻവാസിൽ പരമാവധി ദൃശ്യതീവ്രത. - Fog Text
#696f81— വഴുതന നിറമുള്ള പശ്ചാത്തലത്തിൽ സുഖകരമായ വായനയ്ക്കായി പ്രധാന വാചകം, ദ്വിതീയ തലക്കെട്ടുകൾ, നിശബ്ദമാക്കിയ ബോർഡറുകൾ എന്നിവയെല്ലാം 7:1 ദൃശ്യതീവ്രത അനുപാതം അവതരിപ്പിക്കുന്നു. - Ash Text
#8e8da0— ദ്വിതീയ UI ഘടകങ്ങൾ, ഡിവൈഡറുകൾ, മ്യൂട്ട് ചെയ്ത ലേബലുകൾ എന്നിവയ്ക്ക് ഒരു ന്യൂട്രൽ നിറം പിന്തുണയ്ക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്. - Mist Highlight
#a3a3a7— സൂക്ഷ്മമായ ബോർഡറുകൾ, ഡിവൈഡറുകൾ, നിഷ്ക്രിയ നാവിഗേഷൻ ഘടകങ്ങൾ എന്നിവ സൂക്ഷ്മമായ ഒരു നിഷ്പക്ഷ ടോൺ സൃഷ്ടിക്കുന്നു, അത് ഇപ്പോഴും ക്യാൻവാസിനെതിരെ വേറിട്ടുനിൽക്കുന്നു.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 88px വരെ · 9 ചുവടുകൾ
- sans-serif — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · sans-serif - വേർതിരിച്ചെടുത്ത ഡാറ്റയിൽ കണ്ടെത്തി, പക്ഷേ AI വിവരിച്ചിട്ടില്ല.
- Haffer XH SemiBold — മാറ്റിസ്ഥാപിക്കൽ: Inter Tight · രൂപരേഖകൾ 400, 600 · ഡിസ്പ്ലേയ്ക്കും തലക്കെട്ടുകൾക്കും വേണ്ടിയുള്ള പ്രാഥമിക ഫോണ്ട്. -0.02em ലെറ്റർ സ്പേസിംഗും 600 വെയിറ്റും ഉള്ള ഹീറോ ഹെഡിംഗുകൾക്ക് ഇത് 70–88px വലുപ്പത്തിലാണ് ഉപയോഗിക്കുന്നത്. ഇടുങ്ങിയ ലെറ്റർ സ്പേസിംഗും വലിയ ലെറ്റർ ഉയരവും ഹെഡിംഗുകൾക്ക് എഡിറ്റോറിയൽ വെയ്റ്റ് നൽകുന്നു, ഇത് ഡാഷ്ബോർഡിനേക്കാൾ ഡാർക്ക് ഇന്റർഫേസിനെ ഒരു മാഗസിൻ കവർ പോലെയാക്കുന്നു. ബോൾഡ് വെയ്റ്റിൽ ഇന്റർ ടൈറ്റ് അല്ലെങ്കിൽ ജനറൽ സാൻസ് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക.
- Jersey 10 — മാറ്റിസ്ഥാപിക്കൽ: Anybody · രൂപരേഖകൾ 400 · ആക്സന്റ് നമ്പറുകൾക്കും ഹൈലൈറ്റുകൾക്കും അനുയോജ്യമായ ഒരു വലിയ അലങ്കാര ഫോണ്ട്. ടൈപ്പോഗ്രാഫിക് ആക്സന്റുകൾ സൃഷ്ടിക്കാൻ വളരെ വലിയ വലുപ്പങ്ങളിൽ മിതമായി ഉപയോഗിക്കുന്നു. എനിബഡി അല്ലെങ്കിൽ കാബിനറ്റ് ഗ്രോട്ടെസ്ക് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കാം.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ശരാശരി |
| അടിസ്ഥാന ഘട്ടം | 10-16px |
| ബട്ടൺ ആരം | 100px |
| കാർഡ് ആരം | 20px |
| ഷാഡോകൾ | മൃദുവായ നിഴലുകൾ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 80px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Superlist ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- DNA — കണികാ ലെൻസിലൂടെ കാണുന്ന അർദ്ധരാത്രി നിരീക്ഷണാലയം.
- Abetterlou — സാഡിൽ ലെതറിൽ സ്പാർക്സ് - ആഴത്തിലുള്ള കോഫി-കറുപ്പ് പശ്ചാത്തലത്തിൽ തിളങ്ങുന്ന ഒരു ചൂടുള്ള ക്രീം ഫോണ്ട്, പേജിൽ ചൂടുള്ള ലോഹം അമർത്തിപ്പിടിച്ചിരിക്കുന്നതുപോലെ തോന്നിക്കുന്ന ആംബർ-സ്വർണ്ണ ബട്ടണുകൾ.
- Galileo-ft — ഇലക്ട്രിക് നീല സിഗ്നലുകളുള്ള ഒരു ഡീപ്-സ്പേസ് കമാൻഡ് ഡെക്ക്
- Decide AI — അർദ്ധരാത്രിയിലെ നിരീക്ഷണാലയം - മിന്റ് സിഗ്നൽ
- Redis Agency — മണിക്കൂറുകള്ക്ക് ശേഷം തുറക്കുന്ന എഡിറ്റോറിയല് വര്ക്ക്ഷോപ്പ്, സെരിഫ് ഫോണ്ടുകളും ഒരു ചുവന്ന റാഡിഷും ഉപയോഗിച്ച് എല്ലാ ബ്രാൻഡിംഗ് ജോലികളും ചെയ്യുന്ന ഇരുണ്ട സ്ഥലമാണ്.
- Spellbook — പവിഴപ്പുറ്റുകളുടെ മഷി കൊണ്ട് പ്രകാശിതമായ ഒരു അർദ്ധരാത്രി കോടതിമുറി - ഓറഞ്ച് നിറത്തിലുള്ള ചൂടുള്ള പേനയുടെ അടിക്കുറിപ്പ് മാത്രം കേൾക്കുന്ന ഇരുണ്ട എഡിറ്റോറിയൽ പ്രതലം.
- Linear — അർദ്ധരാത്രി കൃത്യത ഉപകരണം
- Origin Financial — നിശബ്ദമായ ഒരു അർദ്ധരാത്രി ഗാലറി. നിശബ്ദവും ഇരുണ്ടതുമായ ഒരു മുറി, അവിടെ വലിയ സെരിഫ് ഫോണ്ടുകളും കുറച്ച് പ്രകാശിതമായ നിറങ്ങളിലുള്ള പാനലുകളും ധനകാര്യം ശ്രദ്ധാപൂർവ്വം തയ്യാറാക്കിയ ഒരു കലാസൃഷ്ടിയാണെന്ന തോന്നൽ സൃഷ്ടിക്കുന്നു.
- Hyperstudio — ഡിസൈൻ ഒബ്സിഡിയനിൽ സ്ക്രാച്ച് ചെയ്തിരിക്കുന്നു. വാചകങ്ങളും നേർത്ത വരകളും ശുദ്ധമായ കറുപ്പിന്റെ ഒരു വെളുത്ത ഇടം ഫ്രെയിം ചെയ്യുന്നു, ഇടയ്ക്കിടെ സ്വർണ്ണ കോമ്പസ് അടയാളങ്ങൾ വഴി സൂചിപ്പിക്കുന്നു.
- Air — "ഗ്ലാസിലൂടെയുള്ള അർദ്ധരാത്രി ആകാശം" എന്ന ശില്പം
- Raycast — മിഡ്നൈറ്റ് കമാൻഡ് സെന്റർ, കോറൽ നിയോൺ
- dope.security — പർപ്പിൾ ബീക്കണുകളുള്ള അർദ്ധരാത്രി ടെർമിനൽ