Huly
മിഡ്നൈറ്റ് ഒബ്സർവേറ്ററിയിലെ നോർത്തേൺ ലൈറ്റ്സ് - നായകൻ പവിഴപ്പുറ്റിലേക്ക് മങ്ങുന്ന ഒരു ലംബ പർപ്പിൾ രശ്മിയാണ്, അതിനു താഴെയുള്ള ഓരോ നിശബ്ദ ഭാഗവും കൂടുതൽ ശാന്തമായ സ്വരത്തിൽ പറഞ്ഞ അതേ രണ്ട്-സ്വര കഥ കടമെടുക്കുന്നു.
ഹുലി ഒരു പ്രപഞ്ച വർക്ക്സ്പെയ്സിന്റെ അന്തരീക്ഷം ഉണർത്തുന്നു: പ്രധാന ഘടകത്തിലൂടെ കടന്നുപോകുന്ന ഒരു വയലറ്റ്-ആംബർ ഗ്ലോ ഉള്ള ഒരു കറുത്ത ക്യാൻവാസ്, അതിനു താഴെ, കൂടുതൽ ഉൽപാദനക്ഷമതയ്ക്കായി കൂടുതൽ മങ്ങിയ ഗ്രിഡ്. സിസ്റ്റം ഒരു ഇടുങ്ങിയ വർണ്ണ ശ്രേണിയിലാണ് പ്രവർത്തിക്കുന്നത് - ഒരു തിളക്കമുള്ള നീലയും ഒരു പവിഴവും ലെയേർഡ് ഗ്രാഫൈറ്റ് പ്രതലങ്ങൾക്കെതിരെ എല്ലാ ബ്രാൻഡിംഗ് ജോലികളും ചെയ്യുന്നു, അതിനാൽ ഡാർക്ക് മോഡ് ഒരിക്കലും നിഷ്പക്ഷമായി തോന്നുന്നില്ല. ടൈപ്പോഗ്രാഫി എല്ലാത്തിനും ഇന്റർ-സ്റ്റൈലാണ്, പ്രധാന പോയിന്റുകൾക്കായി ഒരു ഇഷ്ടാനുസൃത ഫോണ്ട് (Esbuild) നീക്കിവച്ചിരിക്കുന്നു, 80–84px പിച്ചും ആക്രമണാത്മക നെഗറ്റീവ് ലെറ്റർ സ്പെയ്സിംഗും. ഘടകങ്ങൾ കാപ്സ്യൂൾ ആകൃതിയിലുള്ളതാണ്: നിയന്ത്രണങ്ങളിൽ 9999px ആരങ്ങൾ, കാർഡുകളിൽ 12px, കുറഞ്ഞ നിഴൽ, പ്രധാന അലങ്കാരമായി തിളങ്ങുന്ന ഗ്രേഡിയന്റ് ലൈനുകൾ. പേജ് പൂർണ്ണ പേജ് ഇരുണ്ട പ്രദേശങ്ങൾക്കും ശാന്തമായ പ്രകാശ വിഭാഗങ്ങൾക്കും ഇടയിൽ മാറിമാറി വരുന്നു, അതിനാൽ നിറങ്ങൾ തിരഞ്ഞെടുക്കുന്നതിന് മുമ്പ് ഏത് പുതിയ സ്ക്രീനും മോഡ് തീരുമാനിക്കണം.
പൂർണ്ണ വീതിയുള്ള ഹോംപേജിൽ വടക്കൻ ലൈറ്റുകളുടെ ഒരു ലംബ ബീമും ഇടതുവശത്ത് വിന്യസിച്ചിരിക്കുന്ന ഒരു തലക്കെട്ടും, താഴെ വലതുവശത്ത് സ്ഥാപിച്ചിരിക്കുന്ന ഒരു ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടും ഉണ്ട്. ഹോംപേജിന് താഴെ പരമാവധി വീതിയുള്ള, 1200px ന്റെ ഒരു ഉള്ളടക്ക ഏരിയയുണ്ട്, മാറിമാറി വരുന്ന ഇരുണ്ടതും ഇളം നിറത്തിലുള്ളതുമായ വരകൾ. ഓരോ വിഭാഗവും ഒരൊറ്റ ലംബ ബ്ലോക്കാണ്: ഒരു തലക്കെട്ടും 96px വിടവുകളാൽ വേർതിരിച്ച കാർഡുകളുടെ 3- അല്ലെങ്കിൽ 4-കോളം ഗ്രിഡും. "മെറ്റാബ്രെയിൻ" വിഭാഗം ഗ്രിഡിനെ ഒരു കേന്ദ്രീകൃത തലക്കെട്ടും വ്യത്യസ്ത വലുപ്പത്തിലുള്ള കാർഡുകളുടെ മൊസൈക്കും (ഒരു വലിയ പ്രധാന കാർഡും ചെറിയ പിന്തുണയ്ക്കുന്ന കാർഡുകളും) ഉപയോഗിച്ച് തകർക്കുന്നു. SaaS മാനദണ്ഡങ്ങൾ പാലിച്ചുകൊണ്ട് പേജ് ഉള്ളടക്ക-ഭാരമുള്ളതാണ്, പക്ഷേ ഓരോ വിഭാഗത്തിനും ശ്വസിക്കാൻ ഇടം നൽകുന്നതിന് ഇരുണ്ടതും ഇളം നിറത്തിലുള്ളതുമായ വരകൾ മാറിമാറി ഉപയോഗിക്കുന്നു. നിങ്ങൾ സ്ക്രോൾ ചെയ്യുമ്പോൾ അതാര്യമായി മങ്ങുന്ന ഒരൊറ്റ സുതാര്യമായ ടോപ്പ് ബാറാണ് നാവിഗേഷൻ.
പ്രധാന ഘടകം ഫോട്ടോഗ്രാഫുകളില്ലാത്ത ശുദ്ധമായ അറോറ ഗ്രേഡിയന്റ് ആണ്. എല്ലാ ചിത്രീകരണങ്ങളും ഉൽപ്പന്നത്തിന്റെ UI യുടെ (ഡാർക്ക് മോഡിൽ കാൻബൻ, ഇൻബോക്സ്, കലണ്ടർ) യഥാർത്ഥ സ്ക്രീൻഷോട്ടുകളാണ്, തെളിവായും അലങ്കാരമായും വർത്തിക്കുന്ന കാർഡ് ഫ്രെയിമുകളിൽ ഫ്രെയിം ചെയ്തിരിക്കുന്നു. ജീവിതശൈലി ഫോട്ടോകളില്ല, സ്റ്റോക്ക് ഇമേജുകളില്ല, 3D റെൻഡറുകളുമില്ല. UI യുമായി ബന്ധമില്ലാത്ത ഒരേയൊരു ദൃശ്യ ഘടകം അറോറയുടെ അടിഭാഗത്തുള്ള ഒരു ചൂടുള്ള, റേഡിയൽ സൺബർസ്റ്റ് ഗ്ലോ ആണ്, ഇത് ഒരു CSS ഗ്രേഡിയന്റായി റെൻഡർ ചെയ്യപ്പെടുന്നു. #95979 അല്ലെങ്കിൽ വെള്ള നിറത്തിലുള്ള മോണോക്രോം ലൈൻ ഐക്കണുകളാണ് ഐക്കണുകൾ, ഒരിക്കലും മൾട്ടികളർ അല്ല. സിസ്റ്റം അതിന്റേതായ ഇരുണ്ട UI യെ പ്രധാന ഘടകമായി കണക്കാക്കുന്നു - ഉൽപ്പന്നം ഫോട്ടോഗ്രാഫുകളാണ്.
പാലറ്റ്
ബ്രാൻഡ്
- Electric Iris
#5683da— പ്രധാന പശ്ചാത്തലം, സജീവമായ നാവിഗേഷൻ സൂചകം, ശ്രദ്ധേയമായ നോർത്തേൺ ലൈറ്റ്സ് ആക്സന്റ് - ജെറ്റ്-കറുത്ത പശ്ചാത്തലത്തിൽ ഊർജ്ജസ്വലമായ വയലറ്റ്-നീല നിറം - കോർപ്പറേറ്റ് പ്രവർത്തനത്തേക്കാൾ ഇടപഴകലിന്റെ ഒരു പ്രതീതി സൃഷ്ടിക്കുന്നു. - Ember Pulse
#ff8964— ഒരു ദ്വിതീയ ആക്സന്റ്, ഒരു ഊഷ്മളമായ നോർത്തേൺ ലൈറ്റ്സ് സോൺ, ഒരു അറിയിപ്പ് പോയിന്റ്, ഒരു ചിത്രീകരണ ഹൈലൈറ്റ് - നീലയുടെ ശാന്തതയെ തകർക്കുകയും ബീമിന് ഊഷ്മളത നൽകുകയും ചെയ്യുന്ന ഒരു ആംബർ നിറം.
നിഷ്പക്ഷം
- Obsidian Canvas
#303236— പ്രബലമായ പ്രതലമായ പേജ് പശ്ചാത്തലം, എല്ലാ ഉള്ളടക്കത്തിനും അനുയോജ്യമായ, നേരിയ ഊഷ്മളതയോടെ, ഏതാണ്ട് കറുത്ത നിറമാണ്. - Void
#090a0c— പ്രധാന സ്ക്രീനിലെ ഗ്രേഡിയന്റുകൾ, മോഡൽ പശ്ചാത്തലങ്ങൾ, ക്യാൻവാസിലേക്ക് ലയിക്കേണ്ട ഫ്രെയിമുകൾ എന്നിവയ്ക്കായുള്ള ഏറ്റവും ആഴമേറിയ ഉപരിതല പാളി. - Charcoal Card
#111111— കാർഡ്ബോർഡും പാനലുകളും കൊണ്ട് നിർമ്മിച്ച ഉയർത്തിയ പ്രതലങ്ങൾ, ക്യാൻവാസിൽ നിന്ന് ഒരു പടി മുകളിൽ സ്ഥാപിച്ചിരിക്കുന്നു. - Slate Edge
#4a4b50— ഇരുണ്ട പ്രതലങ്ങളിൽ സൂക്ഷ്മമായ അതിരുകളും വിഭജനങ്ങളും - Iron Veil
#6b6c6d— ടാഗുകൾ, ലിസ്റ്റ് ഇനം ഫില്ലുകൾ, പ്രവർത്തനരഹിതമാക്കിയ ഫില്ലുകൾ എന്നിവയ്ക്കുള്ള മങ്ങിയ പശ്ചാത്തലം. - Smoke
#95979e— ഐക്കൺ ഔട്ട്ലൈനുകൾ, അധിക വാചകം, നിഷ്ക്രിയ നിയന്ത്രണങ്ങൾ എന്നിവയാണ് മീഡിയം ഗ്രേ നിറത്തിലുള്ള പ്രാഥമിക പ്രവർത്തന ഘടകങ്ങൾ.
ടൈപ്പോഗ്രാഫി
11 മുതൽ 80px വരെ · 8 ചുവടുകൾ
- Inter — മാറ്റിസ്ഥാപിക്കൽ: DM Sans · രൂപരേഖകൾ 300, 400, 500, 600, 700 · ഉപയോക്തൃ ഇന്റർഫേസിലെ എല്ലാ ഫങ്ഷണൽ ടെക്സ്റ്റുകളും - ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ, ബട്ടണുകൾ, ലിസ്റ്റ് ഇനങ്ങൾ, ലേബലുകൾ, ചെറിയ തലക്കെട്ടുകൾ - ഊന്നൽ നൽകുന്നതിന് 500–600 എന്ന ഫോണ്ട് ഭാരത്തിലും, ബോഡി ടെക്സ്റ്റിന് 400 എന്ന ഫോണ്ടിലും, ശ്രദ്ധ ആകർഷിക്കാത്ത മെറ്റാഡാറ്റയ്ക്ക് 300 എന്ന ഫോണ്ട് ഭാരത്തിലും ഉപയോഗിക്കുന്നു.
- Esbuild — മാറ്റിസ്ഥാപിക്കൽ: Sora · രൂപരേഖകൾ 400, 500, 600 · ഡിസ്പ്ലേ-മാത്രം: സ്പ്ലാഷ് ശീർഷകങ്ങൾ, വിഭാഗ ശീർഷകങ്ങൾ, മെറ്റാബ്രെയിൻ ലേഖന ശീർഷകങ്ങൾ. സംയോജിത ജ്യാമിതിയും ഇടുങ്ങിയ അക്ഷര വിടവും SaaS പ്രോജക്റ്റുകളേക്കാൾ എഡിറ്റോറിയൽ ജോലികൾക്ക് 84px കൂടുതൽ അനുയോജ്യമാണെന്ന പ്രതീതി സൃഷ്ടിക്കുന്നു. 28px-ൽ താഴെ ഒരിക്കലും ഉപയോഗിക്കരുത്.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | വിശാലമായ |
| അടിസ്ഥാന ഘട്ടം | 12px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 12px |
| ഷാഡോകൾ | മൃദുവായ നിഴലുകൾ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 96px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Huly ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- monday — പാസ്റ്റൽ സ്റ്റിക്കറുകളുള്ള വെളുത്ത വർക്ക്ഷോപ്പ്
- Slack — വേദിക്ക് വെള്ള സ്പോട്ട്ലൈറ്റുകളും വഴുതന നിറവുമുണ്ട്. ഇരുണ്ട ഭാഗങ്ങളിൽ ആഴത്തിലുള്ള പ്ലം നിറം പ്രബലമാണ്, അതേസമയം ഓഫ്-വൈറ്റ് ക്യാൻവാസ് വലിയ, അവന്റ്-ഗാർഡ് ടൈറ്റിലുകൾക്ക് സ്വതന്ത്രമായി ശ്വസിക്കാൻ അനുവദിക്കുന്നു.
- Base44 — ലൈം മാർക്കർ ഉള്ള സൂര്യപ്രകാശമുള്ള നോട്ട്ബുക്ക്
- Supahub — പർപ്പിൾ നിറത്തിലുള്ള വരമ്പിൽ മൃദുവായ പകൽ വെളിച്ചം. ഒരു തിളങ്ങുന്ന പർപ്പിൾ സൂര്യൻ പ്രകാശിപ്പിക്കുന്ന മിക്കവാറും വെളുത്തതും വായുസഞ്ചാരമുള്ളതുമായ ഒരു ക്യാൻവാസ്, നെഗറ്റീവ് സ്പെയ്സിലേക്ക് നിറം പകരുന്ന അലങ്കാര ഗ്രേഡിയന്റ് ഗോളങ്ങളും ഉദാരമായ വൃത്താകൃതിയിലുള്ള ജ്യാമിതിയും ഓരോ പ്രതലത്തിനും മനോഹരവും സ്പർശിക്കാവുന്നതുമായ ഒരു ഭാരം നൽകുന്നു.
- Raycast — മിഡ്നൈറ്റ് കമാൻഡ് സെന്റർ, കോറൽ നിയോൺ
- Dimension — ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകളുള്ള ഒരു സന്ധ്യാ വെളിച്ചമുള്ള വർക്ക്സ്റ്റേഷൻ
- Wiza — ലാവെൻഡർ മൂടൽമഞ്ഞിൽ പൊതിഞ്ഞ, സന്ധ്യാസമയത്ത് ഒരു ധാതു പര്യവേക്ഷണ നിരീക്ഷണാലയം.
- Paste — വെളുത്ത മാർബിളിൽ തീർത്ത ഒരു ആംബർ വിളക്ക് - മഞ്ഞുമൂടിയ കെട്ടിടത്തിലെ ഒരേയൊരു പ്രകാശിത ജനാല പോലെ, വിശാലമായ വെളുത്ത സ്ഥലത്ത് ബ്രാൻഡിന്റെ ഊഷ്മളമായ ഗ്രേഡിയന്റ് ലോഗോ തങ്ങിനിൽക്കുന്നു.
- Reworkd — ഉൽപ്പന്ന ഡയഗ്രാമിലെ മൃദുവായ പകൽ വെളിച്ചം മാത്രമാണ് സ്വയം സംസാരിക്കുന്നത്, അത് ആക്ഷൻ ബട്ടണും അതിനു മുകളിലുള്ള ഗ്രേഡിയന്റ് തലക്കെട്ടുമാണ്.
- Reflect Notes — നക്ഷത്രനിബിഡമായ വയലറ്റ് സ്പേസ് ഒരു ഇരുണ്ട നിരീക്ഷണാലയമാണ്, അവിടെ കറുത്ത ഇൻഡിഗോ ശൂന്യതയുടെ പശ്ചാത്തലത്തിൽ നക്ഷത്രരാശികൾ പോലെ നോട്ടുകൾ പൊങ്ങിക്കിടക്കുന്നു.
- Ameba — അർദ്ധരാത്രിയിലെ കൺട്രോൾ റൂം - ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകൾക്കുള്ളിൽ ഒരു വൈദ്യുത നീല സ്പന്ദനം.
- Todoist — സൂര്യപ്രകാശം ലഭിക്കുന്ന ഒരു ജോലിസ്ഥലം, അതിൽ ഒരു പേപ്പർ ഡയറി - ഒരു ചൂടുള്ള ക്രീം മേശ, മഷി കുറിപ്പുകൾ, ഒരു ചുവന്ന പേന.