Calendly
തണുത്ത മാർബിളിൽ കടും നീല മഷി
Calendly ഒരു ശാന്തവും ആത്മവിശ്വാസമുള്ളതുമായ ആസൂത്രണ വർക്ക്സ്പെയ്സ് പോലെയാണ് തോന്നുന്നത്: ധാരാളം ശ്വസന ഇടമുള്ള വെളുത്ത നിറത്തിലുള്ള ക്യാൻവാസ്, തണുത്ത ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിൽ പൊങ്ങിക്കിടക്കുന്ന ക്രിസ്പ് വൈറ്റ് ഉൽപ്പന്ന കാർഡുകൾ, ശുദ്ധമായ കറുപ്പിന് പകരം കടും നീല മഷിയിൽ റെൻഡർ ചെയ്തിരിക്കുന്ന എല്ലാ ടൈപ്പോഗ്രാഫിയും. പ്രധാന ഘടകം ഇരുണ്ട നീല നിറമാണ് (#0b3558), വാചകം ദൃശ്യമാകുന്ന എല്ലായിടത്തും ഉപയോഗിക്കുന്നു - തലക്കെട്ടുകൾ, ബട്ടണുകൾ, ഐക്കണുകൾ, ലിങ്കുകൾ - ഇത് മുഴുവൻ ഇന്റർഫേസിനെയും മൃദുവാക്കുന്നു, ഇത് സാധാരണ SaaS ലാൻഡിംഗ് പേജിനേക്കാൾ ഊഷ്മളവും സ്റ്റൈലിഷും ആക്കുന്നു. എല്ലാ പ്രാഥമിക പ്രവർത്തനങ്ങൾക്കും ഒരു ഒറ്റ തിളക്കമുള്ള നീല (#006bff) ഉപയോഗിക്കുന്നു, കൂടാതെ ഉൽപ്പന്ന ലേഔട്ടുകൾക്കപ്പുറത്തേക്ക് നീളുന്ന അലങ്കാര പിങ്ക്, നീല സ്പ്ലാഷുകൾ അലങ്കോലമുണ്ടാക്കാതെ ഊഷ്മളത നൽകുന്നു. ഘടകങ്ങൾ കുറച്ചുകാണുന്നു: നേർത്ത 1px ബോർഡറുകൾ, സൂക്ഷ്മമായ നീല-നിറമുള്ള ഷാഡോകൾ, വലിയ 24px കാർഡ് ആരങ്ങൾ, 8px ബട്ടൺ കോണുകൾ മങ്ങിയതായി തോന്നുന്നതിനുപകരം മനഃപൂർവ്വം തോന്നുന്നു.
പരമാവധി വീതി 1200px, മധ്യഭാഗത്ത്, ഡെസ്ക്ടോപ്പിൽ വീതിയേറിയ മാർജിനുകൾ. പ്രധാന സ്ക്രീൻ രണ്ട് കോളങ്ങളായി തിരിച്ചിരിക്കുന്നു: ഇടത് കോളത്തിൽ 80px ഹെഡർ + ബോഡി ടെക്സ്റ്റ് + സ്റ്റാക്ക് ചെയ്ത ലോഗിൻ ബട്ടണുകൾ അടങ്ങിയിരിക്കുന്നു, അതേസമയം വലത് കോളത്തിൽ പശ്ചാത്തലത്തിൽ അലങ്കാര ഘടകങ്ങളുള്ള ഒരു ബുക്കിംഗ് വിജറ്റ് കാർഡ് അടങ്ങിയിരിക്കുന്നു. പ്രധാന സ്ക്രീനിന് താഴെ ട്രസ്റ്റ് ലോഗോയുള്ള ഒറ്റ, പൂർണ്ണ വീതിയുള്ള സ്ട്രൈപ്പ് ഉണ്ട്. തുടർന്നുള്ള വിഭാഗങ്ങൾ കേന്ദ്രീകൃത ഹെഡർ ബ്ലോക്കുകൾക്കിടയിൽ (H2 + സബ്ടെക്സ്റ്റ് + ഓപ്ഷണൽ കോൾ ടു ആക്ഷൻ), തുടർന്ന് ഓരോ ഉൽപ്പന്ന ചിത്രത്തിനും പിന്നിൽ അലങ്കാര ആക്സന്റ് ഘടകങ്ങളുള്ള സവിശേഷതകൾ വിവരിക്കുന്ന രണ്ട്-കോളം ബ്ലോക്കുകൾ (ടെക്സ്റ്റ് ഇടത്/ഉൽപ്പന്ന വലത് അല്ലെങ്കിൽ ഉൽപ്പന്ന ഇടത്/ഉൽപ്പന്ന വലത്/ഉൽപ്പന്ന വലത്) എന്നിവയുണ്ട്. കാർഡ് ഗ്രിഡുകൾ വളരെ അപൂർവമായി മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ - ലേഔട്ട് മൾട്ടി-കോളം ഗ്രിഡുകൾക്ക് പകരം വശങ്ങളിലായി സ്ഥാപിച്ചിരിക്കുന്ന ജോടിയാക്കിയ വിഭാഗങ്ങളെയാണ് ഇഷ്ടപ്പെടുന്നത്. വിഭാഗങ്ങൾക്കിടയിലുള്ള സ്പെയ്സിംഗ് 48 മുതൽ 64px വരെയാണ്. ഇടതുവശത്ത് ലോഗോയും ഒരു കേന്ദ്രീകൃത മെനുവും വലതുവശത്ത് പ്രവർത്തനത്തിലേക്കുള്ള കോളുകളുടെ ഒരു ഗ്രൂപ്പും ഉള്ള 64px ഫിക്സഡ് ടോപ്പ് ബാറാണ് നാവിഗേഷൻ.
പ്രധാന ദൃശ്യ ഘടകം ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടുകളാണ് - ബുക്കിംഗ് കലണ്ടർ ഉപയോക്തൃ ഇന്റർഫേസിന്റെ ലളിതമായ മോക്കപ്പുകൾ, വീതിയേറിയതും വൃത്താകൃതിയിലുള്ളതുമായ ചതുരാകൃതിയിലുള്ള വെളുത്ത കാർഡുകളിൽ റെൻഡർ ചെയ്തിരിക്കുന്നു. അലങ്കാര രൂപകൽപ്പന: ഓരോ ഉൽപ്പന്ന കാർഡും പവിഴപ്പുറ്റുകളുടെ (#e55cff) അല്ലെങ്കിൽ ആകാശനീലയുടെ (#0099ff) മൃദുവായ ഒരു പാടിനാൽ ചുറ്റപ്പെട്ടിരിക്കുന്നു, ചെറുതായി ഓഫ്സെറ്റ് ചെയ്ത് മങ്ങിച്ചിരിക്കുന്നു, ഇത് ഒരു ഫ്ലാറ്റ് സ്ക്രീൻഷോട്ടിന് പകരം ഒരു കൊളാഷ് ഇഫക്റ്റ് സൃഷ്ടിക്കുന്നു. ഫോട്ടോഗ്രാഫുകളില്ല, ജീവിതശൈലി ചിത്രങ്ങളില്ല - എല്ലാ ദൃശ്യ ഘടകങ്ങളും ഉൽപ്പന്ന ഉപയോക്തൃ ഇന്റർഫേസ്, അമൂർത്ത ആക്സന്റ് ആകൃതികൾ അല്ലെങ്കിൽ ട്രസ്റ്റ് ബാറിലെ മോണോക്രോം പങ്കാളി ലോഗോകളെ പ്രതിനിധീകരിക്കുന്നു. ഐക്കണുകൾ 1.5–2px ലൈൻ വീതിയുള്ള രേഖീയമാണ്, മോണോക്രോം, കടും നീല (ഇങ്ക് നേവി) അല്ലെങ്കിൽ നീല (സിഗ്നൽ ബ്ലൂ) നിറങ്ങളിൽ.
പാലറ്റ്
ബ്രാൻഡ്
- Ink Navy
#0b3558— പ്രധാന വാചകം, തലക്കെട്ടുകൾ, ഐക്കണുകൾ, പ്രവർത്തനത്തിനുള്ള കോളുകൾക്കുള്ള ഇരുണ്ട പശ്ചാത്തലം, നാവിഗേഷൻ ലിങ്കുകൾ. - Signal Blue
#006bff— പ്രൈമറി കോൾ ടു ആക്ഷൻ (CTA), സജീവ നാവിഗേഷൻ, ലിങ്ക് ഊന്നൽ, തിരഞ്ഞെടുത്ത അവസ്ഥകൾ
നിഷ്പക്ഷം
- Carbon
#0a0a0a— ശുദ്ധമായ കറുപ്പ് നിറത്തിലുള്ള വാചകം (ഫാൾബാക്ക്), ലോഗോ ഗ്ലിഫ്, ഐക്കൺ ഫിൽ. - Slate Gray
#476788— അധിക പ്രധാന വാചകം, പിന്തുണയ്ക്കുന്ന വാചകം, നിശബ്ദമാക്കിയ ലേബലുകൾ. - Mist Gray
#a6bbd1— പ്രവർത്തനരഹിതമാക്കിയ വാചകം, നിഷ്ക്രിയ ഫംഗ്ഷൻ ലേബലുകൾ, ലൈറ്റ് ഐക്കൺ ഔട്ട്ലൈനുകൾ - Cloud
#f8f9fb— പേജ് ക്യാൻവാസ്, ഫൂട്ടർ പശ്ചാത്തലം, അധിക പ്രതലം - Paper
#ffffff— കാർഡ് പ്രതലങ്ങൾ, ഉയർത്തിയ പാനലുകൾ, ഇരുണ്ട പശ്ചാത്തലത്തിൽ ബട്ടൺ വാചകം. - Pebble
#f0f3f8— ഐക്കണുകൾക്കുള്ള പശ്ചാത്തല ചിത്രങ്ങൾ, ഇൻപുട്ട് ഫീൽഡ് ഷേഡിംഗ്, സൂക്ഷ്മമായ സെപ്പറേറ്ററുകൾ, ഹോവർ ഇഫക്റ്റുകൾ.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 80px വരെ · 10 ചുവടുകൾ
- Gilroy — മാറ്റിസ്ഥാപിക്കൽ: Manrope · രൂപരേഖകൾ 400, 500, 600, 700 · എല്ലാ ഇന്റർഫേസ് ടെക്സ്റ്റും. വൈഡ് അപ്പേർച്ചറുകളും യൂണിഫോം സ്ട്രോക്ക് കോൺട്രാസ്റ്റും ഉള്ള ഒരു ജ്യാമിതീയ മാനവിക സാൻസ്-സെരിഫാണ് ഗിൽറോയ്; അതിന്റെ ബോൾഡ് വെയ്റ്റുകൾ (700) തലക്കെട്ടുകൾക്ക് ഉപയോഗിക്കുന്നു, അതേസമയം 500–600 ബട്ടണുകൾക്കും ഉപതലക്കെട്ടുകൾക്കും ഉപയോഗിക്കുന്നു. മാൻറോപ്പ് അല്ലെങ്കിൽ ഇന്റർ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക.
- Gilroy — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400 · ബോഡി ടെക്സ്റ്റും പൊതു ആവശ്യത്തിനുള്ള UI ലേബലുകളും - 400-പോയിന്റ് ഫോണ്ട് ഭാരം നീണ്ട ടെക്സ്റ്റുകൾ ഭാരമുള്ളതായി തോന്നാതെ വായിക്കാൻ കഴിയുന്നതാണെന്ന് ഉറപ്പാക്കുന്നു.
- Gilroy — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 500 · ദ്വിതീയ തലക്കെട്ടുകളും ഹൈലൈറ്റ് ചെയ്ത ബോഡി ടെക്സ്റ്റും - കാർഡ് തലക്കെട്ടുകൾക്കും ഇൻലൈൻ ലേബലുകൾക്കുമുള്ള പ്രാഥമിക ഉപകരണമാണ് 14/500 ഫോണ്ട്.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 8-16px |
| ബട്ടൺ ആരം | 8px |
| കാർഡ് ആരം | 24px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 48-64px |
| പേജ് വീതി | 1200px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Calendly ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- ElevenLabs — സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
- Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
- Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
- Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
- Seline Analytics — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
- Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
- Anthropic — ഊഷ്മളമായ വെല്ലത്തെക്കുറിച്ചുള്ള ഒരു ശാസ്ത്രീയ ഫീൽഡ് ജേണൽ - ശാന്തമായ ആനക്കൊമ്പ് പ്രതലങ്ങൾ, സെറിഫൈഡ് എഡിറ്റോറിയൽ തലക്കെട്ടുകൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ദൃശ്യമാകുന്ന ഒറ്റ കളിമൺ ആക്സന്റ്.
- Augen Pro — മോണോക്രോം നിറത്തിലുള്ള ഇടത്തിലെ ഏക ആകർഷണമായി ക്ലിനിക്കൽ, ഭാരമില്ലാത്ത, ഇലക്ട്രിക് നീലയാണ് ആപ്പിളിന്റെ വെള്ള നിറത്തിലുള്ള അവതരണത്തിൽ ഉള്ളത്.
- Antimetal — ക്രീം പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ ക്രോണിക്കിൾ - ഒരു ശാസ്ത്ര ജേണലിലെ ശാന്തമായ ഒരു പ്രഭാതം, അവിടെ സംയമനം ആത്മവിശ്വാസം പകരുകയും സെരിഫുകൾ ഭാരിച്ച കാര്യങ്ങൾ ചെയ്യുകയും ചെയ്യുന്നു.
- Perk — ചൂടുള്ള കടലാസ് പേപ്പറിൽ ഇലക്ട്രിക് കുമ്മായം
- Ditto — കാട്ടുപൂക്കളുടെ സാമ്പിളുകൾ നിർമ്മിക്കുന്ന സൂര്യപ്രകാശത്തിൽ പ്രവർത്തിക്കുന്ന ഒരു വർക്ക്ഷോപ്പ്. ചൂടുള്ള ക്രീം നിറമുള്ള പ്രതലങ്ങൾ, തിളക്കമുള്ള മഞ്ഞ അടിസ്ഥാന നിറം, കടും നേവി നീല മഷികൾ, കഷണത്തിന് പിന്നിൽ വിരിഞ്ഞുനിൽക്കുന്ന ജൈവ നിറമുള്ള രൂപങ്ങൾ.
- Officevibe — ചൂടുള്ള ക്രീം നിറമുള്ള പേപ്പറിൽ ഒരു എഡിറ്റോറിയൽ മാസിക. ഒരു ഉൽപ്പന്നമായി അവതരിപ്പിച്ചിരിക്കുന്ന, HR മാനേജ്മെന്റിനെക്കുറിച്ചുള്ള ഒരു ചിന്തനീയമായ ഉപന്യാസം സങ്കൽപ്പിക്കുക - ഒരു ആധുനിക നീല ഇന്റർഫേസിലൂടെ മന്ത്രിക്കുന്ന ഒരു കഴ്സീവ് സെരിഫ് ഫോണ്ട്.