ElevenLabs
സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
ElevenLabs ഒരു ഊഷ്മളവും വെളുത്തതുമായ മിനിമലിസ്റ്റ് ശൈലിയിലാണ് പ്രവർത്തിക്കുന്നത്: കറുത്ത ടൈപ്പും ഊഷ്മളമായ ടൗപ്പ് പ്രതലങ്ങളുടെ ഒറ്റ പാളിയും ഉള്ള ഒരു മുട്ടത്തോടിന്റെ നിറമുള്ള ക്യാൻവാസ് (#fdfcfc). ബ്രാൻഡ് ഐഡന്റിറ്റി നിശബ്ദവും ആത്മവിശ്വാസമുള്ളതുമാണ് - വേർതിരിച്ചറിയാൻ കഴിയുന്ന വാൾഡൻബർഗ് 300 ടൈപ്പ്ഫേസ് അങ്ങേയറ്റത്തെ വ്യക്തതയോടെ (-0.02em) തലക്കെട്ടുകളെ എടുത്തുകാണിക്കുന്നു, അതേസമയം ഇന്റർ 400/500 മറ്റെല്ലാത്തിനും ശാന്തമായ ഒരു നിഷ്പക്ഷത നൽകുന്നു. രണ്ട് ആക്സന്റ് നിറങ്ങൾ - വൈബ്രന്റ് പർപ്പിൾ #0447ff ഉം വൈബ്രന്റ് ഓറഞ്ച് #ff4704 ഉം - ഉൽപ്പന്നത്തിന്റെ വിഷ്വൽ ഘടകങ്ങളിൽ (ഓഡിയോസ്ഫിയറുകൾ, ഉൽപ്പന്ന ഐക്കണുകൾ) മാത്രം പ്രത്യക്ഷപ്പെടുന്നു, UI-യിൽ ഒരിക്കലും ക്രോം പോലെയല്ല. നേർത്ത 1px ബോർഡറുകൾ, കാർഡുകളിൽ വീതിയുള്ള 20px ആരങ്ങൾ, പൂർണ്ണമായും പൂരിപ്പിച്ച 9999px ബട്ടണുകൾ എന്നിവ ഉപയോഗിച്ച് ഘടകങ്ങൾ പരന്നതോ ചെറുതായി ഉയർത്തിയോ തുടരുന്നു. ക്രീം പേപ്പറിലെ ഒരു ബൗഹൗസ് സ്റ്റുഡിയോയെ ഈ സിസ്റ്റം അനുസ്മരിപ്പിക്കുന്നു: നിയന്ത്രിതവും എഡിറ്റോറിയലും സാങ്കേതികമായി കൃത്യവുമാണ്.
1280px പുറം ഗട്ടറുകളുള്ള, പരമാവധി വീതിയുള്ള ഒരു ഒറ്റ, മധ്യ നിരയിൽ പൂർണ്ണ വീതിയുള്ള വിഭാഗങ്ങൾ ലംബമായി ക്രമീകരിച്ചിരിക്കുന്നു. പ്രധാന വിഭാഗം അസമമാണ്: തലക്കെട്ട് 48px വാൾഡൻബർഗ് തലത്തിൽ ഇടത് വിന്യസിച്ചിരിക്കുന്നു, വിവരണ വാചകം വലതുവശത്ത് വിന്യസിച്ചിരിക്കുന്നു, രണ്ട് പിൽ ആകൃതിയിലുള്ള ബട്ടണുകൾ തലക്കെട്ടിന് താഴെ സ്ഥിതിചെയ്യുന്നു. പ്രധാന വിഭാഗത്തിന് താഴെ മുഴുവൻ ഉള്ളടക്ക വീതിയും വ്യാപിക്കുന്ന ഒരു വലിയ ടാബ് ചെയ്ത നാവിഗേഷൻ ബാർ ഉണ്ട്. 96–125px ലംബ ഗട്ടറുകളുള്ള എഗ്ഷെൽ നിറമുള്ളതും ട്യൂപ്പ് പശ്ചാത്തലങ്ങൾക്കിടയിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു. അടിക്കുറിപ്പ് ഒരു ഒതുക്കമുള്ള, ഒറ്റ സ്ട്രിപ്പാണ്. നാവിഗേഷൻ ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ് - സ്ഥിരമായ പെരുമാറ്റമില്ല, മെഗാ-മെനുകളില്ല. ഉള്ളടക്ക താളം എഡിറ്റോറിയൽ ശൈലിയുമായി പൊരുത്തപ്പെടുന്നു: ധാരാളം വൈറ്റ് സ്പേസ്, ഓരോ വിഭാഗത്തിനും ഒരു പ്രധാന വിഷ്വൽ എലമെന്റ്, "ട്രസ്റ്റ്" വിഭാഗത്തിന് കീഴിൽ കാർഡ് ഗ്രിഡുകൾ ഇല്ല.
വിഷ്വൽ ഡിസൈനിൽ ഒരു വർണ്ണ സ്കീം ആധിപത്യം പുലർത്തുന്നു: മൃദുവായ ഓഡിയോ സ്ഫിയറുകളുടെ രൂപത്തിലുള്ള വലിയ ഗ്രേഡിയന്റുകൾ (പർപ്പിൾ മുതൽ ഓറഞ്ച്, പിങ്ക് വരെയുള്ള റേഡിയൽ സംക്രമണങ്ങളുള്ള 200px+ സർക്കിളുകൾ) പ്രധാന ഗ്രാഫിക് ഘടകമായി വർത്തിക്കുന്നു. "ട്രസ്റ്റ്" വിഭാഗത്തിലെ ലോഗോകൾ മാറ്റ് ക്യാൻവാസ് പശ്ചാത്തലത്തിൽ കുറഞ്ഞ ദൃശ്യതീവ്രത ഗ്രേസ്കെയിലിൽ അവതരിപ്പിച്ചിരിക്കുന്നു. ഫോട്ടോഗ്രാഫി വളരെ കുറവാണ് - ജീവിതശൈലിയോ ഉൽപ്പന്ന ഫോട്ടോകളോ ഇല്ല. ഐക്കണോഗ്രഫി വിരളവും മോണോക്രോമുമാണ് (കറുത്ത ഔട്ട്ലൈൻ അല്ലെങ്കിൽ നിറച്ച ഐക്കണുകൾ, ക്രോമാറ്റിക് ഐക്കണുകൾ ഇല്ല). വിഷ്വൽ സിസ്റ്റം ഒരു ഉൽപ്പന്ന കാറ്റലോഗിനേക്കാൾ ഒരു ഡിസൈൻ പ്രസിദ്ധീകരണത്തെ അനുസ്മരിപ്പിക്കുന്നു - മാർക്കറ്റിംഗ് സ്വാധീനത്തേക്കാൾ എഡിറ്റോറിയൽ നിയന്ത്രണം നിലനിൽക്കുന്നു.
പാലറ്റ്
ബ്രാൻഡ്
- Violet Spark
#0447ff— ഉൽപ്പന്ന വിഷ്വൽ എംഫസിസ് - ഓഡിയോ സ്ഫിയർ ചിത്രീകരണങ്ങളിലും അലങ്കാര ഉൽപ്പന്ന ഐക്കണുകളിലും മാത്രം ദൃശ്യമാകുന്നു; ഇന്റർഫേസ് ഘടകങ്ങൾക്ക് ഒരിക്കലും ഉപയോഗിച്ചിട്ടില്ല.
നിഷ്പക്ഷം
- Eggshell
#fdfcfc— ഡിജിറ്റൽ തിളക്കം ഒഴിവാക്കാനും സൈറ്റിന് കടലാസ് പോലെ ശാന്തത നൽകാനും പേജ് ക്യാൻവാസ്, ബട്ടൺ പ്രതലങ്ങൾ, കാർഡ് പ്രതലങ്ങൾ എന്നിവ കടും വെള്ള നിറത്തിന് പകരം ചൂടുള്ളതും ചെറുതായി ക്രീം നിറത്തിലുള്ളതുമാണ്. - Warm Taupe
#f5f3f1— ഡിവൈഡർ സ്ട്രിപ്പുകൾ, അലങ്കാര കാർഡുകൾ, മാറ്റ് പ്രതലത്തേക്കാൾ ഒരു പടി ആഴത്തിലുള്ള ഒരു അധിക ഉപരിതല ലെവൽ എന്നിവ ശാന്തവും അതിരുകളില്ലാത്തതുമായ ഒരു വേർതിരിവ് സൃഷ്ടിക്കുന്നു. - Stone
#ebe8e4— നേർത്ത ബോർഡറുകൾ, ഡിവൈഡറുകൾ, ഐക്കൺ പശ്ചാത്തലങ്ങൾ എന്നിവ ടൗപ്പിനും മീഡിയം ഗ്രേയ്ക്കും ഇടയിൽ തണുപ്പ് അനുഭവപ്പെടാതെ ഇരിക്കുന്ന ഒരു ചൂടുള്ള ചാരനിറമാണ്. - Ink
#000000— ബോഡി ടെക്സ്റ്റ് ആയാലും, ഫിൽഡ് ബട്ടണുകളായാലും, നാവിഗേഷനായാലും, ലിങ്കുകളായാലും, ശുദ്ധമായ കറുപ്പ് നിറം ഒരു ഊഷ്മള വർണ്ണ പാലറ്റിന് അടിത്തറയായി വർത്തിക്കുകയും സിസ്റ്റത്തിലെ ഒരേയൊരു മൂർച്ചയുള്ള ദൃശ്യതീവ്രത സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. - Graphite
#44403b— ബോഡി ടെക്സ്റ്റ്, സെക്ഷൻ ഹെഡിംഗ്സ് - കറുപ്പിന്റെ കാഠിന്യം കൂടാതെ പഞ്ച് ചെയ്യേണ്ട ടെക്സ്റ്റിനായി സൂക്ഷ്മമായ, ചൂടുള്ള ഇരുണ്ട ചാരനിറം. - Smoke
#777169— പ്രധാന വാചകം, വിവേകപൂർണ്ണമായ വിവരണങ്ങൾ, അടിക്കുറിപ്പുകൾ എന്നിവ ഇടത്തരം-ഊഷ്മള ചാരനിറത്തിലാണ്; കാർഡുകളുടെയും തീമാറ്റിക് വാചകങ്ങളുടെയും പ്രബലവും വായിക്കാൻ കഴിയുന്നതും എന്നാൽ ശാന്തവുമായ ശൈലി.
ടൈപ്പോഗ്രാഫി
10 മുതൽ 48px വരെ · 8 ചുവടുകൾ
- Waldenburg — മാറ്റിസ്ഥാപിക്കൽ: Inter (300) or Söhne Light · രൂപരേഖകൾ 300 · തലക്കെട്ടുകൾക്കും ഡിസൈൻ ഘടകങ്ങൾക്കും മാത്രം. 300 ഫോണ്ട് ഭാരമുള്ള 48/36/32px ഫോർമാറ്റുകളിൽ ഉപയോഗിക്കുന്നു—അൾട്രാ-ലൈറ്റ് ഫോണ്ട് അസാധാരണമാണ്; മിക്ക വെബ്സൈറ്റുകളും 600-700 ഉപയോഗിക്കുന്നു; ഈ സൂക്ഷ്മമായ ഫോണ്ട് നിയന്ത്രണത്തിലൂടെ അധികാരം നൽകുന്നു. -0.02em എന്ന ഇടുങ്ങിയ അക്ഷര അകലം വലിയ വലുപ്പത്തിലുള്ള അക്ഷരങ്ങൾക്കിടയിൽ കൂടുതൽ അടുത്ത പൊരുത്തം സൃഷ്ടിക്കുന്നു. ഇതരമാർഗങ്ങൾ: 300 ഭാരത്തിൽ "ഇന്റർ" അല്ലെങ്കിൽ പ്രീമിയം ബദലായി ലൈറ്റ് വെയ്റ്റിൽ "സോഹ്നെ".
- Inter — മാറ്റിസ്ഥാപിക്കൽ: Inter or system-ui · രൂപരേഖകൾ 400, 500 · സ്ക്രീനിന് പുറത്തുള്ള എല്ലാം: ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ, ബട്ടണുകൾ, ലിങ്കുകൾ, ലേബലുകൾ, ഇൻപുട്ട് ഫീൽഡുകൾ, കാർഡുകൾ. 400 ആണ് ഡിഫോൾട്ട് വെയ്റ്റ്; 500 ബട്ടണുകൾക്കും ഹൈലൈറ്റ് ചെയ്ത ലിങ്കുകൾക്കുമായി നീക്കിവച്ചിരിക്കുന്നു. 10 മുതൽ 10 വരെയുള്ള വലുപ്പങ്ങൾ, കുറഞ്ഞ വരി വിടവ് (1.47–1.6), ഖണ്ഡികകൾക്ക് ശ്വസിക്കാൻ ഇടം നൽകുന്നു. 14 മുതൽ 3 വരെയുള്ള വലുപ്പങ്ങളിൽ +1 (2) എന്ന ചെറിയ അക്ഷര വിടവ് ചെറിയ വലുപ്പങ്ങളിൽ വ്യക്തത മെച്ചപ്പെടുത്തുന്നു.
- Geist Mono — മാറ്റിസ്ഥാപിക്കൽ: JetBrains Mono or IBM Plex Mono · രൂപരേഖകൾ 400 · കോഡിനോ സാങ്കേതിക വാചകത്തിനോ അടുത്തായി സ്ഥിതിചെയ്യുന്ന മൈക്രോടെക്സ്റ്റ്, 13px-ൽ സ്ഥാപിച്ചിരിക്കുന്നു—സാങ്കേതിക ലേബലുകൾക്കോ മെറ്റാഡാറ്റയ്ക്കോ വേണ്ടി അപൂർവ്വമായി മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ (ഫ്രീക്വൻസി = 28). സിംഗിൾ ലെയർ, വലിയ ലൈൻ ഉയരം 1.69.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 8-16px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 20px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 96-125px |
| പേജ് വീതി | 1280px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് ElevenLabs ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
- Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
- Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
- Seline Analytics — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
- Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
- Anthropic — ഊഷ്മളമായ വെല്ലത്തെക്കുറിച്ചുള്ള ഒരു ശാസ്ത്രീയ ഫീൽഡ് ജേണൽ - ശാന്തമായ ആനക്കൊമ്പ് പ്രതലങ്ങൾ, സെറിഫൈഡ് എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ഒറ്റ കളിമൺ ആക്സന്റ്.
- Calendly — തണുത്ത മാർബിളിൽ കടും നീല മഷി
- Augen Pro — മോണോക്രോം നിറത്തിലുള്ള ഇടത്തിലെ ഏക ആകർഷണമായി ക്ലിനിക്കൽ, ഭാരമില്ലാത്ത, ഇലക്ട്രിക് നീലയാണ് ആപ്പിളിന്റെ വെള്ള നിറത്തിലുള്ള അവതരണത്തിൽ ഉള്ളത്.
- Antimetal — ക്രീം പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ ക്രോണിക്കിൾ - ഒരു ശാസ്ത്ര ജേണലിലെ ശാന്തമായ ഒരു പ്രഭാതം, അവിടെ സംയമനം ആത്മവിശ്വാസം പകരുകയും സെരിഫുകൾ ഭാരിച്ച കാര്യങ്ങൾ ചെയ്യുകയും ചെയ്യുന്നു.
- Perk — ചൂടുള്ള കടലാസ് പേപ്പറിൽ ഇലക്ട്രിക് കുമ്മായം
- Ditto — കാട്ടുപൂക്കളുടെ സാമ്പിളുകൾ നിർമ്മിക്കുന്ന സൂര്യപ്രകാശത്തിൽ പ്രവർത്തിക്കുന്ന ഒരു വർക്ക്ഷോപ്പ്. ചൂടുള്ള ക്രീം നിറമുള്ള പ്രതലങ്ങൾ, തിളക്കമുള്ള മഞ്ഞ അടിസ്ഥാന നിറം, കടും നേവി നീല മഷികൾ, കഷണത്തിന് പിന്നിൽ വിരിഞ്ഞുനിൽക്കുന്ന ജൈവ നിറമുള്ള രൂപങ്ങൾ.
- Officevibe — ചൂടുള്ള ക്രീം നിറമുള്ള പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ മാസിക. ഒരു ഉൽപ്പന്നമായി അവതരിപ്പിച്ചിരിക്കുന്ന, HR മാനേജ്മെന്റിനെക്കുറിച്ചുള്ള ഒരു ചിന്തനീയമായ ഉപന്യാസം സങ്കൽപ്പിക്കുക - ഒരു ആധുനിക നീല ഇന്റർഫേസിലൂടെ മന്ത്രിക്കുന്ന ഒരു കഴ്സീവ് സെരിഫ് ഫോണ്ട്.