Seline Analytics
ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
സെലിൻ ഒരു ചൂടുള്ള കല്ല് പശ്ചാത്തലത്തിൽ (#fafaf9) ഒറ്റ വൈബ്രന്റ് നീല ആക്സന്റിൽ സജ്ജീകരിച്ചിരിക്കുന്നു - മറ്റെല്ലാ നിറങ്ങളും നിഷ്പക്ഷവും ടെയിൽവിൻഡ് കല്ല് വർണ്ണ പാലറ്റിൽ നിന്ന് വരച്ചതുമാണ്. 400 ഭാരവും ഇടുങ്ങിയ നെഗറ്റീവ് അക്ഷര വിടവും ഉള്ള ഒരു ഇഷ്ടാനുസൃതമായി രൂപകൽപ്പന ചെയ്ത ജ്യാമിതീയ സാൻസ്-സെരിഫ് ഫോണ്ടിൽ (റൂബർട്ട്) തലക്കെട്ടുകൾ റെൻഡർ ചെയ്തിരിക്കുന്നു, ഇത് സാധാരണയായി ഉച്ചത്തിലുള്ള SaaS ശൈലിയുമായി വ്യത്യാസമുള്ള ഒരു വിശ്രമവും ഏതാണ്ട് വിസ്പർ പോലുള്ള ആത്മവിശ്വാസവും വാചകത്തിന് നൽകുന്നു. UI ഉപരിതലങ്ങൾ പരന്ന വെളുത്ത കാർഡുകളാണ്, ചൂടുള്ള പശ്ചാത്തലത്തിന് മുകളിൽ ഒറ്റ, മൃദുവായ, 16px മങ്ങലോടെ പൊങ്ങിക്കിടക്കുന്നു; കനത്ത ഡിവൈഡറുകൾക്കോ പാനലുകൾക്കോ പകരം പ്രാഥമിക ഘടനാപരമായ ഘടകമായി ഉദാരമായി ഉപയോഗിക്കുന്ന നേർത്ത, 1px കല്ല്-ടോൺ വരകൾ ഉപയോഗിച്ചാണ് ബോർഡറുകൾ സൃഷ്ടിച്ചിരിക്കുന്നത്. ലേഔട്ട് ശ്വസിക്കുന്നു: ഉദാരമായ ലംബ താളത്തിൽ കേന്ദ്രീകരിച്ചിരിക്കുന്ന പൂർണ്ണ വീതിയുള്ള ഉള്ളടക്കം, ഗുളിക ആകൃതിയിലുള്ള സംവേദനാത്മക നിയന്ത്രണങ്ങൾ, വ്യക്തിത്വത്തിനായുള്ള ഒരു മാസ്കറ്റ് ചിത്രീകരണം, ഉൽപ്പന്ന തെളിവായി ഡാഷ്ബോർഡ് സ്ക്രീൻഷോട്ടുകൾ. മൊത്തത്തിലുള്ള ഇംപ്രഷൻ എഡിറ്റോറിയലി വിശകലനപരമാണ്: ശാന്തത, മോണോക്രോം, ആത്മവിശ്വാസം, മറ്റെല്ലാറ്റിന്റെയും ബോധപൂർവമായ സംയമനത്തിന് നന്ദി, നീല കോൾ ടു ആക്ഷൻ പേജിലെ ഏറ്റവും ശ്രദ്ധേയമായ ഘടകമാണ്.
പേജ് പരമാവധി വീതിയുള്ളതും ഏകദേശം 1200px-ൽ കേന്ദ്രീകരിച്ചിരിക്കുന്നതും ധാരാളം ലംബമായ ഇടവുമാണ്. ഹീറോ എന്നത് നീല നിറത്തിൽ ഒറ്റ, ഹൈലൈറ്റ് ചെയ്ത വാക്യം ("ലളിതവും ഫലപ്രദവുമായ") ഉള്ള രണ്ട്-വരി, ഇടത്-വിന്യസിച്ച ഒരു വാചക ബ്ലോക്കാണ്, തുടർന്ന് രണ്ട് കോൾ ടു ആക്ഷൻ (നീല ഗുളിക + ഗോസ്റ്റ് ഗുളിക) ഉള്ള ഒരു വരി, തുടർന്ന് ഗ്രേസ്കെയിലിൽ പങ്കാളി ലോഗോകളുടെ ഒരു വരി, തുടർന്ന് വിശ്വാസ റേറ്റിംഗുകളുടെ ഒരു വരി, തുടർന്ന് ഒരു പൂർണ്ണ-വിഡ്ത്ത് ഫ്ലോട്ടിംഗ് ഡാഷ്ബോർഡ് പ്രിവ്യൂ, അടുത്ത വിഭാഗത്തെ ചെറുതായി ഓവർലാപ്പ് ചെയ്യുന്നു. ഫോൾഡിന് താഴെ ഒരു സിംഗിൾ-കോളം ഗ്രിഡിൽ ടെസ്റ്റിമോണിയലുകളുടെ ഒന്നിടവിട്ട വരികൾ, തുടർന്ന് ഫീച്ചർ വിവരണങ്ങളുള്ള പൂർണ്ണ-വിഡ്ത്ത് വിഭാഗങ്ങൾ, ഇടത്-വിന്യസിച്ച വാചകം, കേന്ദ്രീകൃത ഉൽപ്പന്ന ദൃശ്യങ്ങൾ എന്നിവയുണ്ട്. നാവിഗേഷൻ ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ് - ഇടതുവശത്ത് ലോഗോ, കേന്ദ്രീകൃത നാവിഗേഷൻ ലിങ്കുകൾ, വലതുവശത്ത് ലോഗിൻ + നീല കോൾ ടു ആക്ഷൻ - നാവിഗേഷന്റെ മധ്യത്തിൽ ഫ്ലോട്ടിംഗ് അവതാറുകളുടെ ഒരു ക്ലസ്റ്റർ ഐഡന്റിറ്റി വെരിഫിക്കേഷനായി പ്രവർത്തിക്കുന്നു. വിഭാഗങ്ങൾക്കിടയിലുള്ള ഇടങ്ങൾ വിശാലമാണ് (96px) ഇത് വിവരങ്ങളുടെ ഒരു ഇടുങ്ങിയ കൂട്ടത്തിന് പകരം ഒരു എഡിറ്റോറിയൽ താളം സൃഷ്ടിക്കുന്നു.
ഉൽപ്പന്നത്തിന്റെ ഉപയോക്തൃ ഇന്റർഫേസിന്റെ സ്ക്രീൻഷോട്ടുകളാണ് ദൃശ്യഭാഷയിൽ ആധിപത്യം പുലർത്തുന്നത് - ഡാഷ്ബോർഡ് പ്രിവ്യൂ എന്നത് ഗ്രേസ്കെയിൽ (1) (0.94) കോൺട്രാസ്റ്റ് ഫിൽട്ടർ ഉപയോഗിച്ച് റെൻഡർ ചെയ്ത ഒരു ഫോട്ടോഗ്രാഫാണ്, ഇത് ഡാറ്റയുടെ നിറങ്ങളെ ഒരു മോണോക്രോം നിറത്തിലേക്ക് നിശബ്ദമാക്കുന്നു. ഏക മനുഷ്യ രൂപം ഒരു ലീനിയർ മാസ്കോട്ട് സ്റ്റിക്കർ (ഒരു ഹുഡ്ഡ് കഥാപാത്രം) ആണ്, ഇത് SVG ശൈലിയിൽ ഔട്ട്ലൈനുകൾ മാത്രമുള്ള വരച്ചതാണ്, വിശകലന ഉള്ളടക്കത്തിന് ഒരു കളിയായ എതിർ പോയിന്റായി ഓരോ വിഭാഗത്തിലും ഒരിക്കൽ സ്ഥാപിച്ചിരിക്കുന്നു, ആഴത്തിന്റെ ഒരു സ്റ്റിക്കർ പോലുള്ള പ്രഭാവം സൃഷ്ടിക്കാൻ ഒരു മൃദുവായ നിഴൽ. ബ്രാൻഡ് ലോഗോയും ഗ്ലിഫുകളും ചെറിയ കറുത്ത തീപ്പൊരികൾ/ജ്വാലകളാണ്. ഫോട്ടോഗ്രാഫുകളൊന്നുമില്ല - ജീവിതശൈലി ഷോട്ടുകളില്ല, ടീം ഫോട്ടോകളില്ല, പരിസ്ഥിതി ചിത്രങ്ങളില്ല. വസ്തു (ഡാഷ്ബോർഡ്) ആണ് നായകൻ. എല്ലാ അലങ്കാര ഐക്കണുകളും #0c0a09 അല്ലെങ്കിൽ #3ba6f1 എന്നിവയിൽ 1px ഔട്ട്ലൈൻ ശൈലിയിലാണ്, ഒരിക്കലും പൂരിപ്പിക്കുന്നില്ല.
പാലറ്റ്
ബ്രാൻഡ്
- Cyan Signal
#3ba6f1— പ്രധാന കോൾ ടു ആക്ഷൻ, സജീവ ലിങ്കുകൾ, ബ്രാൻഡ് ഐക്കണുകളുടെ രൂപരേഖ എന്നിവ മാത്രമാണ് പേജിലെ വർണ്ണ ആക്സന്റുകൾ, പ്രവർത്തനത്തിലേക്ക് ശ്രദ്ധ ആകർഷിക്കാൻ വളരെ കുറച്ച് മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ. - Cyan Edge
#3398e1— ആക്ഷൻ ഔട്ട്ലൈനുകൾ, ലിങ്ക് ലേബലുകൾ, സംവേദനാത്മക ഘടകങ്ങൾ എന്നിവ ഹൈലൈറ്റ് ചെയ്യാൻ നീല ഉപയോഗിക്കുന്നു. ആക്ഷൻ കോളുകൾക്ക് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
നിഷ്പക്ഷം
- Ink Black
#0c0a09— പ്രധാന തലക്കെട്ടുകൾ, ഹൈലൈറ്റ് ചെയ്ത ബോഡി ടെക്സ്റ്റ്, എക്സ്പ്രസീവ് ഐക്കണുകൾ എന്നിവ ഊഷ്മളമായ, മിക്കവാറും കറുത്ത നിറത്തിലാണ്. - Stone Canvas
#fafaf9— പേജ് പശ്ചാത്തലം ഒരു ചൂടുള്ള, ക്രീം നിറത്തിലുള്ള ഷേഡാണ്, അത് ഒരു സ്ക്രീനിന്റെ വെള്ള നിറത്തിന് പകരം കടലാസ് പോലെ തോന്നുന്നു. - Pure White
#ffffff— മാപ്പ് പ്രതലങ്ങൾ, പുറത്തേക്ക് തള്ളിനിൽക്കുന്ന പാനലുകൾ, ഇൻപുട്ട് ഫീൽഡ് ഫില്ലുകൾ എന്നിവ സ്ഥിരസ്ഥിതിയായി പരന്നതും നിഴലില്ലാത്തതുമാണ്. - Stone Border
#e8e6e5— കാർഡുകളിലെ നേർത്ത ബോർഡറുകൾ, നാവിഗേഷൻ, ഇൻപുട്ട് ഫീൽഡുകൾ എന്നിവയാണ് സെപ്പറേറ്ററുകളല്ല, പ്രാഥമിക ഘടനാപരമായ ഘടകങ്ങൾ. - Stone Muted
#d6d3d1— അധിക ഫ്രെയിമുകൾ, സൂക്ഷ്മമായ പശ്ചാത്തല ഷേഡുകൾ, അലങ്കാര ഡിവൈഡറുകൾ. - Ash Gray
#a8a29e— സഹായ വാചകം, ഐക്കൺ രൂപരേഖകൾ, പ്രവർത്തനരഹിതമാക്കിയ അവസ്ഥകൾ - വായിക്കാൻ കഴിയും പക്ഷേ നിർജ്ജീവമാണ്.
ടൈപ്പോഗ്രാഫി
10 മുതൽ 52px വരെ · 5 ചുവടുകൾ
- Roobert — മാറ്റിസ്ഥാപിക്കൽ: Inter Tight or Satoshi · രൂപരേഖകൾ 400, 500 · തലക്കെട്ടുകൾക്കും ടെക്സ്റ്റ് ലേഔട്ടിനുമുള്ള ഫോണ്ട്, കുറഞ്ഞ നെഗറ്റീവ് അക്ഷര വിടവുള്ള (-0.025em at 32px, -0.021em at 52px) ഒരു സവിശേഷ ജ്യാമിതീയ സാൻസ്-സെരിഫാണ്. 400 x 52px ഭാരം ഫോണ്ടിന്റെ കൈയൊപ്പാണ്: അസാധാരണമായത്, സൂക്ഷ്മമായത്, എന്നാൽ ആധികാരികമായത്, എന്നാൽ കുറച്ചുകാണുന്നത്. തലക്കെട്ടുകൾ അതിരുകടന്നതായിരിക്കാതെ അവയുടെ സ്ഥാനം പിടിക്കുന്നു.
- Inter — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500, 600 · ബോഡി ടെക്സ്റ്റ്, നാവിഗേഷൻ, UI, ഹെഡിംഗ്സ് എന്നിവയ്ക്കുള്ള പ്രാഥമിക ഫോണ്ട് എല്ലാ ഓഫ്-സ്ക്രീൻ ടെക്സ്റ്റുകൾക്കും ഒരു നിഷ്പക്ഷവും സാർവത്രികവുമായ ഫോണ്ടാണ്. 400 ഭാരവും 1.64 ലൈൻ സ്പേസിംഗും ഉള്ള 14px ആണ് ബോഡി ടെക്സ്റ്റിന്റെ പ്രധാന വലുപ്പം (ഫ്രീക്വൻസി 1174). ചെറിയ വലുപ്പങ്ങളിൽ പോസിറ്റീവ് ലെറ്റർ സ്പേസിംഗ് (0.004em) ഇടതൂർന്ന UI യുടെ വായനാക്ഷമത ഉറപ്പാക്കുന്നു.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | വിശാലമായ |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 9999px |
| കാർഡ് ആരം | 10px |
| ഷാഡോകൾ | മൃദുവായ നിഴലുകൾ |
| വിഭാഗങ്ങൾക്കിടയിൽ | 96px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Seline Analytics ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- ElevenLabs — സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
- Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
- Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
- Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
- Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
- Anthropic — ഊഷ്മളമായ വെല്ലത്തെക്കുറിച്ചുള്ള ഒരു ശാസ്ത്രീയ ഫീൽഡ് ജേണൽ - ശാന്തമായ ആനക്കൊമ്പ് പ്രതലങ്ങൾ, സെറിഫൈഡ് എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ഒറ്റ കളിമൺ ആക്സന്റ്.
- Calendly — തണുത്ത മാർബിളിൽ കടും നീല മഷി
- Augen Pro — മോണോക്രോം നിറത്തിലുള്ള ഇടത്തിലെ ഏക ആകർഷണമായി ക്ലിനിക്കൽ, ഭാരമില്ലാത്ത, ഇലക്ട്രിക് നീലയാണ് ആപ്പിളിന്റെ വെള്ള നിറത്തിലുള്ള അവതരണത്തിൽ ഉള്ളത്.
- Antimetal — ക്രീം പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ ക്രോണിക്കിൾ - ഒരു ശാസ്ത്ര ജേണലിലെ ശാന്തമായ ഒരു പ്രഭാതം, അവിടെ സംയമനം ആത്മവിശ്വാസം പകരുകയും സെരിഫുകൾ ഭാരിച്ച കാര്യങ്ങൾ ചെയ്യുകയും ചെയ്യുന്നു.
- Perk — ചൂടുള്ള കടലാസ് പേപ്പറിൽ ഇലക്ട്രിക് കുമ്മായം
- Ditto — കാട്ടുപൂക്കളുടെ സാമ്പിളുകൾ നിർമ്മിക്കുന്ന സൂര്യപ്രകാശത്തിൽ പ്രവർത്തിക്കുന്ന ഒരു വർക്ക്ഷോപ്പ്. ചൂടുള്ള ക്രീം നിറമുള്ള പ്രതലങ്ങൾ, തിളക്കമുള്ള മഞ്ഞ അടിസ്ഥാന നിറം, കടും നേവി നീല മഷികൾ, കഷണത്തിന് പിന്നിൽ വിരിഞ്ഞുനിൽക്കുന്ന ജൈവ നിറമുള്ള രൂപങ്ങൾ.
- Officevibe — ചൂടുള്ള ക്രീം നിറമുള്ള പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ മാസിക. ഒരു ഉൽപ്പന്നമായി അവതരിപ്പിച്ചിരിക്കുന്ന, HR മാനേജ്മെന്റിനെക്കുറിച്ചുള്ള ഒരു ചിന്തനീയമായ ഉപന്യാസം സങ്കൽപ്പിക്കുക - ഒരു ആധുനിക നീല ഇന്റർഫേസിലൂടെ മന്ത്രിക്കുന്ന ഒരു കഴ്സീവ് സെരിഫ് ഫോണ്ട്.