Cursor
പുകയുന്ന കനൽ കത്തിച്ചുവെച്ച, സുഖകരമായ ഒരു കടലാസ് പണിശാല.
കഴ്സർ ചൂടുള്ളതും കടലാസ് പോലുള്ളതുമായ ഒരു ടൈപ്പോഗ്രാഫി ഉപയോഗിക്കുന്നു: ക്രീം നിറത്തിലുള്ള ക്യാൻവാസ്, മഷി നിറഞ്ഞ കറുത്ത വാചകം, ബട്ടണുകൾ പൂരിപ്പിക്കുന്നതിനുപകരം ലിങ്കുകളും തിരഞ്ഞെടുപ്പുകളും സജീവമാക്കുന്ന ഒരൊറ്റ ഫയർ ഓറഞ്ച് ആക്സന്റ്. 400 ഭാരത്തിൽ കഴ്സർഗോതിക്കിൽ സജ്ജീകരിച്ചിരിക്കുന്ന തലക്കെട്ടുകൾക്ക്, വലുപ്പം കൂടുന്നതിനനുസരിച്ച് അക്ഷരങ്ങളുടെ അകലം ക്രമേണ കുറയുന്നു - ബോൾഡ്നെസിനേക്കാൾ നിയന്ത്രണത്തിലൂടെയും നേർത്ത അക്ഷര ഭാരങ്ങളിലൂടെയും അധികാരം കൈവരിക്കാനാകും. ഉപരിതലങ്ങൾ പരന്നതും കടലാസ് പോലെയും, നേർത്ത ബോർഡറുകളും മൃദുവായ, ചൂടുള്ള ചാരനിറത്തിലുള്ള നിഴലുകളും ഉപയോഗിച്ച് സൂക്ഷിക്കുന്നു; കോണുകൾ വാചകത്തിലുടനീളം 4px ഭാരത്തിൽ വ്യക്തമായി തുടരുന്നു. ഉപതലക്കെട്ടുകൾക്കും ഗദ്യത്തിനും EB ഗാരമണ്ട് തിരഞ്ഞെടുത്ത രീതിയിൽ ഉപയോഗിക്കുന്നു, അതേസമയം ബെർക്ക്ലിമോണോ കോഡ്, ടാഗുകൾ, മെറ്റാഡാറ്റ എന്നിവ കൈകാര്യം ചെയ്യുന്നു, ഇത് സിസ്റ്റത്തിന് ഒരു SaaS ഡാഷ്ബോർഡിനേക്കാൾ ഒരു സാഹിത്യ മാസിക പോലെ തോന്നിക്കുന്ന ഒരു ടൈപ്പോഗ്രാഫിക് വ്യക്തിത്വം നൽകുന്നു.
പരമാവധി വീതി: 1300px മധ്യഭാഗത്ത്, 24px മാർജിൻ. മുകളിലെ നാവിഗേഷൻ: ഇടതുവശത്ത് ലോഗോയും ടെക്സ്റ്റ് മാർക്കും ഉള്ള 52px ഉയരമുള്ള സുതാര്യമായ ഹെഡർ, 4 മധ്യഭാഗത്ത് നാവിഗേഷൻ ലിങ്കുകൾ, വലതുവശത്ത് വിന്യസിച്ചിരിക്കുന്ന "ലോഗിൻ / കോൺടാക്റ്റ് / ഡൗൺലോഡ്" ക്ലസ്റ്റർ. ഹീറോ: ഇടതുവശത്ത് വിന്യസിച്ചിരിക്കുന്ന ഹെഡർ + മുകളിൽ ഇടതുവശത്ത് നിന്ന് പ്രവർത്തിക്കുന്ന ടെക്സ്റ്റ് ഉള്ള ഇരട്ട കോൾ-ടു-ആക്ഷൻ ബ്ലോക്ക്, തുടർന്ന് പേജിന്റെ മുഴുവൻ വീതിയിലും വ്യാപിച്ചുകിടക്കുന്ന ഒരു പൂർണ്ണ-വീതിയുള്ള ഉൽപ്പന്ന മോക്കപ്പ് കാർഡ്. ട്രസ്റ്റ് സ്ട്രൈപ്പ്: സെക്ഷൻ വീതിയിലുടനീളം ഒരൊറ്റ വരിയിൽ 8 ലോഗോ ടൈലുകളുടെ ഒരു തിരശ്ചീന വരി. ഫീച്ചർ വിഭാഗങ്ങൾ ഇടതുവശത്ത് വാചകവും വലതുവശത്ത് ഒരു സ്ക്രീൻഷോട്ടും രണ്ട്-കോളം ലേഔട്ടിൽ, ഓരോന്നിനും 50/50, വിഭാഗങ്ങൾക്കിടയിൽ 64-96px എന്ന ലംബ താളത്തോടെ, ഒന്നിടവിട്ട് നൽകുന്നു. എല്ലാ ഫീച്ചർ സ്ക്രീൻഷോട്ടുകളും സമാനമായ മാകോസ് സ്റ്റൈലിംഗുള്ള വിൻഡോ മോക്കപ്പുകളാണ്. അടിക്കുറിപ്പ്: ഇടതുവശത്ത് ബ്രാൻഡ് മാർക്കുള്ള ലിങ്കുകളുടെ നാല്-കോളം ഗ്രിഡ്. ഡിവൈഡറുകളേക്കാൾ വിശാലമായ ബ്രീത്തിംഗ് സ്പേസ് ഉപയോഗിച്ച് വിഭാഗങ്ങൾ വേർതിരിച്ചിരിക്കുന്നു - ക്രീം ക്യാൻവാസ് തന്നെ വേർതിരിക്കൽ നൽകുന്നു.
ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടുകൾ കേന്ദ്രബിന്ദുവാകുന്നു: കഴ്സർ IDE പ്രവർത്തനത്തിൽ പ്രദർശിപ്പിക്കുന്ന വലിയ macOS വിൻഡോ മോക്കപ്പുകൾ: ഫയൽ ടാബുകൾ, ഡിഫ് വ്യൂകൾ, ഏജന്റ് പ്ലാനുകൾ, ടെർമിനൽ പാനലുകൾ, സ്ലാക്ക്/ചാറ്റ് ഇന്റഗ്രേഷൻ. ഓരോ വിൻഡോ മോക്കപ്പും മൃദുവായതും ഊഷ്മളവുമായ കോൺട്രാസ്റ്റുള്ള #f2f1ed കാർഡ് ഉപയോഗിച്ച് ഫ്രെയിം ചെയ്തിരിക്കുന്നു. ഒരു നിശബ്ദ ലാൻഡ്സ്കേപ്പ് ഫോട്ടോ (മലകൾ/മരുഭൂമി ചക്രവാളം) പ്രധാന വിഭാഗത്തിനപ്പുറത്തേക്ക് വ്യാപിക്കുകയും UI-യുമായി മത്സരിക്കാതെ ഊഷ്മളത നൽകുകയും ചെയ്യുന്നു. ക്ലയന്റ് ലോഗോകൾ ( Stripe, ഓപ്പൺഎഐ, ലീനിയർ, ഡാറ്റാഡോഗ്, എൻവിഡിയ, ഫിഗ്മ, റാംപ്, അഡോബ്) ഗുളിക ആകൃതിയിലുള്ള ലിനൻ ടൈലുകൾക്കുള്ളിൽ മോണോക്രോം അക്ഷരങ്ങളായി അവതരിപ്പിച്ചിരിക്കുന്നു. ആളുകളുടെ ഫോട്ടോഗ്രാഫുകളോ ചിത്രീകരണങ്ങളോ അമൂർത്ത അലങ്കാര ഗ്രാഫിക് ഘടകങ്ങളോ ഇല്ല - എല്ലാ വിഷ്വൽ വെയ്റ്റും ഉൽപ്പന്നത്തിന്റെ UI-യിലും ബ്രാൻഡിംഗിലും കേന്ദ്രീകരിച്ചിരിക്കുന്നു. ഐക്കണുകൾ #7a7974 ആഷ് കൊണ്ട് നിറച്ച നേർത്ത, മോണോലീനിയർ ഗ്ലിഫുകളാണ്, ഒരിക്കലും ക്രോമാറ്റിക് അല്ല.
പാലറ്റ്
നിഷ്പക്ഷം
- Ink
#26251e— പ്രാഥമിക വാചകം, പ്രാഥമിക ആക്ഷൻ ബട്ടൺ പശ്ചാത്തലം, നാവിഗേഷൻ വാചകം - ഒരു ചൂടുള്ള, മിക്കവാറും കറുത്ത നിറത്തിലുള്ള ഷേഡ്, ഒരിക്കലും ശുദ്ധമല്ല #000 - Parchment
#f7f7f4— പ്രധാന ക്യാൻവാസായ പേജ് പശ്ചാത്തലം, ഊഷ്മളമായ ക്രീം ഷേഡുള്ളതാണ്, ഇത് ദൃശ്യതീവ്രതയെ മൃദുവാക്കുകയും ഡിജിറ്റൽ പ്രിന്റിംഗിനേക്കാൾ ഇങ്ക് പ്രിന്റിംഗിന്റെ അനുഭവം സൃഷ്ടിക്കുകയും ചെയ്യുന്നു. - Bone
#f2f1ed— കാർഡ്ബോർഡ് പ്രതലങ്ങളും ഉയർത്തിയ പാത്രങ്ങളും, ക്യാൻവാസിനെക്കാൾ ഒരു ടോൺ ഇരുണ്ട നിറത്തിൽ, ഒരു പാളിയായ, ബോർഡറില്ലാത്ത "പേപ്പർ-ഓൺ-പേപ്പർ" ഇഫക്റ്റ് സൃഷ്ടിക്കുന്നു. - Linen
#e6e5e0— ഇരുണ്ട പ്രതലങ്ങളിലെ ബട്ടണുകൾക്കുള്ള ലൈറ്റ് ന്യൂട്രൽ ഫിൽ. - Stone
#cdcdc9— നേർത്ത ബോർഡറുകൾ, ഡിവൈഡറുകൾ, സൂക്ഷ്മമായ പാർട്ടീഷനുകൾ - ഊഷ്മളമായ ടോണുകളിൽ 1px വരികൾ. - Mist
#a1a19f— മൂന്നാം ലെവൽ ഓക്സിലറി ടെക്സ്റ്റ്, അടിക്കുറിപ്പുകൾ - നിശബ്ദമാക്കിയ വാചകത്തിനും ദ്വിതീയ വാചകത്തിനും ഇടയിൽ.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 72px വരെ · 6 ചുവടുകൾ
- CursorGothic — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 500 · ഉപയോക്തൃ ഇന്റർഫേസ്, തലക്കെട്ടുകൾ, നാവിഗേഷൻ, ബോഡി കോപ്പി, ഉൽപ്പന്ന രൂപകൽപ്പന എന്നിവയ്ക്കായുള്ള പ്രാഥമിക ഫോണ്ട്. 400-പോയിന്റ് ഭാരവും ക്രമേണ കുറയുന്ന അക്ഷര വിടവും (-0.005em at 22px → -0.03em at 72px) ഉള്ള തലക്കെട്ടുകൾ ഫോണ്ടിന്റെ ഒരു വ്യതിരിക്ത സവിശേഷതയാണ്: തലക്കെട്ടുകൾ ഒരിക്കലും ബോൾഡ് അല്ല. ss08, ss09, tnum എന്നീ ഫോണ്ട് ഫംഗ്ഷനുകൾ സ്റ്റൈലിസ്റ്റിക് ആൾട്ടർനേറ്റുകളും ടാബുലാർ ഫിഗറുകളും സജീവമാക്കുന്നു.
- EB Garamond — മാറ്റിസ്ഥാപിക്കൽ: Iowan Old Style · രൂപരേഖകൾ 400, 500 · വ്യക്തിഗത ഉപതലക്കെട്ടുകൾ, ബോഡി ടെക്സ്റ്റ്, ടാബുലാർ ഡാറ്റ എന്നിവയ്ക്കായുള്ള എഡിറ്റോറിയൽ സെരിഫ് ടൈപ്പ്ഫേസ്, കഴ്സർഗോതിക് ഇന്റർഫേസിന് ഒരു സാഹിത്യ സ്പർശം നൽകുന്നു.
- berkeleyMono — മാറ്റിസ്ഥാപിക്കൽ: ui-monospace · രൂപരേഖകൾ 400, 500 · മോണോസ്പേസ് - കോഡ് ബ്ലോക്കുകൾ, കമാൻഡ് ലൈൻ സ്നിപ്പെറ്റുകൾ, മെറ്റാഡാറ്റ, ഫയൽ പാത്തുകൾ, ഡെവലപ്പർ ലേബലുകൾ എന്നിവയ്ക്കായുള്ള ഒരു സാങ്കേതിക ഭാഷ.
ഇടവേളകളും രൂപവും
| ഉദ്ദേശ്യം | അർത്ഥം |
|---|---|
| സാന്ദ്രത | ഇടതൂർന്ന |
| അടിസ്ഥാന ഘട്ടം | 8px |
| ബട്ടൺ ആരം | 4px |
| കാർഡ് ആരം | 4px |
| ഷാഡോകൾ | ഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല |
| വിഭാഗങ്ങൾക്കിടയിൽ | 64-96px |
| പേജ് വീതി | 1300px |
AI നിങ്ങളുടെ വെബ്സൈറ്റ് Cursor ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.
- Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
- നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
- മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
- തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Amplemarket — കൺഫെറ്റി കൊണ്ട് ചിതറിക്കിടക്കുന്ന വെയിലിൽ നനഞ്ഞ ജോലിസ്ഥലം.
- Getharvest — ഗോൾഡൻ അവറിൽ ഒരു മേശ - ഒരു ചൂടുള്ള ക്രീം ക്യാൻവാസ്, ക്യാൻവാസിൽ തൂക്കിയിട്ടിരിക്കുന്ന വെളുത്ത പോസ്റ്റ്കാർഡുകൾ, പിന്നെ ഒരു തിളക്കമുള്ള ഓറഞ്ച് ജ്വാല.
- Drive Capital — ചൂടുള്ള കടലാസിൽ റെട്രോ റോഡ് ട്രിപ്പ് പോസ്റ്റർ
- Wealthsimple — ഗാലറി ലൈറ്റിംഗുള്ള കാഷ്മീരി കൊണ്ട് നിർമ്മിച്ച വെയർഹൗസ്
- Huddle — ക്രീം പേപ്പറിൽ പാസ്റ്റൽ ഇൻവെന്ററി കാർഡുകൾ
- Fuser — ഒരു ഡിസൈനറുടെ വർക്ക് ഭിത്തിയിൽ ചിതറിയ പോളറോയിഡുകൾ
- Campsite — സൂര്യപ്രകാശം കൊണ്ട് പ്രകാശിക്കുന്ന ഒരു എഡിറ്ററുടെ വർക്ക്സ്റ്റേഷൻ - ഓറഞ്ച് നിറത്തിലുള്ള ഒറ്റ ഇന്റന്റ് സ്റ്റാമ്പുള്ള ചൂടുള്ള ക്രീം പേപ്പർ.
- Redis Agency — മണിക്കൂറുകള്ക്ക് ശേഷം തുറക്കുന്ന എഡിറ്റോറിയല് വര്ക്ക്ഷോപ്പ്, സെരിഫ് ഫോണ്ടുകളും ഒരു ചുവന്ന റാഡിഷും ഉപയോഗിച്ച് എല്ലാ ബ്രാൻഡിംഗ് ജോലികളും ചെയ്യുന്ന ഇരുണ്ട സ്ഥലമാണ്.
- AI Product Generation — വെള്ളക്കടലാസിൽ എഡിറ്റോറിയൽ ഫോട്ടോഗ്രാഫി സ്റ്റുഡിയോ - കവറായി തലക്കെട്ട്, എഡിറ്റോറിയൽ ഹൈലൈറ്റിംഗിനായി ഓറഞ്ച് നിറം.
- Getanchor — വെയിൽ മങ്ങിയ ക്രീം പശ്ചാത്തലത്തിൽ ഊഷ്മളമായ ടെറാക്കോട്ട നിറം
- Flatfile — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ ഡാറ്റ ഡയറി
- Inthememory — വെളുത്ത മാർബിളിൽ ചൂടുള്ള ഒറ്റ വെളിച്ചത്തിൽ നിർമ്മിച്ച ഒരു വാസ്തുവിദ്യാ ചിത്രം. ഓറഞ്ച് നിറത്തിന്റെ ഒരു തുള്ളി മാത്രം പൊട്ടുന്ന, തിളക്കമുള്ള വെളുത്ത പ്രതലങ്ങൾക്ക് മുകളിൽ ആഴത്തിലുള്ള ടർക്കോയ്സ് മഷിയും ഗുളിക ആകൃതിയിലുള്ള നിയന്ത്രണങ്ങളും പൊങ്ങിക്കിടക്കുന്ന ശാന്തവും എഡിറ്റോറിയൽ ഡാറ്റാ റൂം.