ടെലിഗ്രാം, WhatsApp  +380637610482
വലേരി ഡാൻയുക്ക്
വലേരി ഡാൻയുക്ക്ഡെവലപ്പർബിസിനസുകൾക്കായി AI ഉപകരണങ്ങൾ വികസിപ്പിക്കൽ. ഉയർന്ന നിലവാരം. താങ്ങാനാവുന്ന വില.Telegram-ൽ എഴുതുക
Linear — ഈ ശൈലിയിലുള്ള ഒരു സൈറ്റിന്റെ പ്രിവ്യൂ

Linear

അർദ്ധരാത്രി കൃത്യത ഉപകരണം

കറുത്ത നിറത്തിലുള്ള പ്രതലങ്ങളിൽ (#08090a) നിർമ്മിച്ചിരിക്കുന്ന ഒരു രാത്രികാല കമാൻഡ് സെന്ററാണ് ലീനിയർ ഡിസൈൻ സിസ്റ്റം, ക്രിസ്പ് വൈറ്റ് ടൈപ്പും സിംഗിൾ ലൈം-ഗ്രീൻ ആക്സന്റും (#e4f222) ഒരു ഫങ്ഷണൽ ഫ്ലാഷ്‌ലൈറ്റായി പ്രവർത്തിക്കുന്നു - ചെറുതും ഉയർന്ന കോൺട്രാസ്റ്റും, കൂടാതെ പ്രവർത്തനങ്ങൾ സൂചിപ്പിക്കാൻ വളരെ കുറച്ച് മാത്രമേ ഉപയോഗിക്കുന്നുള്ളൂ. ഇന്റർഫേസ് ഇരുട്ടിനെ ഒരു തീമിനേക്കാൾ ഒരു അടിത്തറയായി കണക്കാക്കുന്നു: ടെക്സ്റ്റ് ഇടുങ്ങിയ അക്ഷര-അകലം (-0.022em) ഉള്ള ക്രിസ്പ് വൈറ്റ് ആണ്, ഫോണ്ട് വെയ്റ്റുകൾ ബോൾഡിനേക്കാൾ താഴ്ന്ന 400–510 ശ്രേണിയിലാണ്, കൂടാതെ ബോർഡറുകൾ വളരെ നേർത്തതാണ് (0.5px) ജ്യാമിതി സാധാരണയായി ഷാഡോകൾ ചെയ്യുന്ന ജോലി ചെയ്യാൻ അനുവദിക്കുന്നു. ഘടകങ്ങൾ കൃത്യമായി രൂപകൽപ്പന ചെയ്തതായി തോന്നുന്നു - 6px, 12px ആരങ്ങൾ, ഒതുക്കമുള്ള 8–12px മാർജിനുകൾ, അലങ്കാര ഘടകങ്ങളുടെ ഏതാണ്ട് പൂർണ്ണമായ അഭാവം - ശാന്തമായ ഒരു സിസ്റ്റത്തിലെ ഒരേയൊരു വിഷ്വൽ ടെക്സ്ചർ ആകാൻ ഉൽപ്പന്ന UI (ടാസ്ക് കാർഡുകൾ, കാൻബൻ ബോർഡുകൾ, AI ഏജന്റ് പാനലുകൾ) അനുവദിക്കുന്നു.

ലേഔട്ടിന്റെ പരമാവധി വീതി ഏകദേശം 1200px ആണ്, മധ്യഭാഗത്തായി, വ്യൂപോർട്ടിന്റെ അരികുകളിലേക്ക് ഒരു ഇരുണ്ട പശ്ചാത്തലം നീളുന്നു. പ്രധാന ഘടകം ഒരു വലിയ തലക്കെട്ടാണ്, ഇടത്-വിന്യസിച്ചിരിക്കുന്നു (64–72px), വലതുവശത്ത് അലൈൻ ചെയ്‌തിരിക്കുന്ന ഒരു കോൾ ടു ആക്ഷൻ (CTA) ജോടിയാക്കിയിരിക്കുന്നു, തുടർന്ന് പരമാവധി വീതിക്ക് അല്പം അപ്പുറത്തേക്ക് നീളുന്ന ഒരു വലിയ ഉൽപ്പന്ന സ്‌ക്രീൻഷോട്ട്. വിഭാഗങ്ങളുടെ താളം ഇടതുവശത്ത് വാചകവും വലതുവശത്ത് ഒരു ചിത്രവും ഉള്ള രണ്ട്-കോളം കോമ്പോസിഷനുകൾക്കും 96px ലംബ ഗട്ടറുകളാൽ വേർതിരിച്ച പൂർണ്ണ-വിഡ്ത്ത് ഉൽപ്പന്ന ഡിസ്‌പ്ലേ സ്ട്രിപ്പുകൾക്കും ഇടയിൽ മാറിമാറി വരുന്നു. ക്ലയന്റിന്റെ ലോഗോയുള്ള സ്ട്രിപ്പ് ഒരു തിരശ്ചീന വരിയാണ്. പേജ് ഒരിക്കലും മൂന്ന്-കോളം കാർഡ് ഗ്രിഡുകളോ ടൈൽ ചെയ്ത ഘടനകളോ ഉപയോഗിക്കുന്നില്ല - വിവര സാന്ദ്രത കുറവായിരിക്കും, മിക്ക വിഭാഗങ്ങളും സ്‌ക്രീനിൽ ധാരാളം വൈറ്റ് സ്‌പെയ്‌സും ഒരൊറ്റ ഫോക്കൽ എലമെന്റും ഉപയോഗിക്കുന്നു. സൈഡ്‌ബാറോ മെഗാ-മെനുവോ ഇല്ലാതെ, ഇടത്-വിന്യസിച്ചിരിക്കുന്ന ലോഗോയും വലത്-വിന്യസിച്ചിരിക്കുന്ന ലിങ്കുകളും ഉള്ള ഒരു ഫിക്സഡ് ടോപ്പ് ബാറാണ് നാവിഗേഷൻ.

ലീനിയറിന്റെ ദൃശ്യഭാഷ ഉൽപ്പന്ന സ്ക്രീൻഷോട്ടുകളെ അടിസ്ഥാനമാക്കിയുള്ളതാണ്: തുടക്കത്തിലും വിഭാഗങ്ങളിലുമുള്ള ചിത്രീകരണങ്ങൾ ലീനിയർ ആപ്പിന്റെ ഉപയോക്തൃ ഇന്റർഫേസിന്റെ യഥാർത്ഥ ചിത്രങ്ങളാണ്, പരമാവധി വിശദമായി പകർത്തിയവയാണ് - ടാസ്‌ക് കാർഡുകൾ, കാൻബൻ ബോർഡുകൾ, AI ഏജന്റ് ഡാഷ്‌ബോർഡുകൾ, കമാൻഡ് പാലറ്റുകൾ - നേർത്ത ഫ്രെയിമുകളിൽ സ്ഥാപിച്ചിരിക്കുന്നു. സ്റ്റോക്ക് ഫോട്ടോകളില്ല, ജീവിതശൈലി ചിത്രങ്ങളില്ല, അമൂർത്ത ചിത്രീകരണങ്ങളൊന്നുമില്ല. ഉപഭോക്താക്കൾക്കായി ഏകീകൃത വലുപ്പത്തിലുള്ള ഒരു ന്യൂട്രൽ ഗ്രേ സ്ട്രൈപ്പായി (#8a8f98) ലോഗോകൾ പ്രദർശിപ്പിക്കും. മോണോക്രോമാറ്റിക് ഗ്രേ സ്കെയിലിലുള്ള മിനിമലിസ്റ്റ് ലീനിയർ SVG ചിത്രങ്ങളാണ് ഐക്കണുകൾ. പേജിന്റെ മുകളിലുള്ള സ്‌ക്രീൻഷോട്ട് സൂക്ഷ്മമായ ലീനിയർ ഗ്രേഡിയന്റിൽ (ഇരുട്ടിൽ നിന്ന് വെളിച്ചത്തിലേക്ക്) പൊങ്ങിക്കിടക്കുന്നു, യഥാർത്ഥ ലാൻഡ്‌സ്‌കേപ്പുകൾ ഉപയോഗിക്കാതെ അന്തരീക്ഷ ആഴം സൃഷ്ടിക്കുന്നു. ഓരോ ദൃശ്യ ഘടകവും ഉൽപ്പന്നത്തിന്റെ തന്നെ ഒരു പ്രവർത്തന ഘടകമാണ്.

പാലറ്റ്

ബ്രാൻഡ്

  • Acid Lime #e4f222 — പ്രധാന നിയന്ത്രണ ബട്ടണുകളും സജീവ നാവിഗേഷൻ സൂചകങ്ങളും മോണോക്രോം വർണ്ണ സ്കീമിനെ തകർക്കുന്ന ഒരു തിളക്കമുള്ള ഉച്ചാരണമാണ്.

നിഷ്പക്ഷം

  • Mist #d0d6e0 — ഇരുണ്ട പ്രതലങ്ങളിൽ ബട്ടൺ ടെക്സ്റ്റ്, ദ്വിതീയ തലക്കെട്ടുകൾ
  • Void #08090a — പേജ് ക്യാൻവാസ്, പൂർണ്ണ വീതിയുള്ള പശ്ചാത്തല ചിത്രം - സ്ഥിരസ്ഥിതിയായി, എല്ലാ ഘടകങ്ങളും ഈ പശ്ചാത്തലത്തിലാണ് സ്ഥാപിച്ചിരിക്കുന്നത്.
  • Carbon #0f1011 — കാർഡുകൾക്കുള്ളിൽ ഉള്ളടക്കം സ്ഥാപിക്കുന്നതിന് കാർഡ് ഉപരിതലങ്ങൾ, നാവിഗേഷൻ ബാറുകൾ, ക്യാൻവാസിനേക്കാൾ ഒരു പടി മുകളിലാണ്.
  • Obsidian #161718 — ഉയർത്തിയ പ്രതലങ്ങൾ, ആഴമേറിയ കാർഡ്ബോർഡ് പാനലുകൾ
  • Graphite #23252a — സൂക്ഷ്മമായ ബോർഡറുകൾ, സെപ്പറേറ്ററുകൾ, സൂക്ഷ്മമായ ബട്ടൺ ഔട്ട്‌ലൈനുകൾ - കുറഞ്ഞ ദൃശ്യതീവ്രതയുള്ള ടെക്സ്ചർ ചെയ്ത അരികുകൾ
  • Smoke #383b3f — ഗ്രാഫൈറ്റ്-സെക്ഷൻ സെപ്പറേറ്ററുകളേക്കാൾ നേർത്ത ബോർഡറുകൾക്ക് ഉയർന്ന ദൃശ്യതീവ്രതയുണ്ട്.

ടൈപ്പോഗ്രാഫി

13 മുതൽ 72px വരെ · 8 ചുവടുകൾ

  • Inter Variable — മാറ്റിസ്ഥാപിക്കൽ: Inter (variable) · രൂപരേഖകൾ 300, 400, 510, 590 · പ്രാഥമിക UI, ഹെഡർ ഫോണ്ട് - നാവിഗേഷൻ, ബോഡി ടെക്സ്റ്റ്, ഹെഡിംഗ്സ്, ബട്ടണുകൾ, കാർഡുകൾ എന്നിവയിൽ ഉപയോഗിക്കുന്നു.
  • Berkeley Mono — മാറ്റിസ്ഥാപിക്കൽ: JetBrains Mono · രൂപരേഖകൾ 400 · കോഡിനോട് ചേർന്നുള്ള UI ടെക്സ്റ്റ് - റിലീസ് ഐഡന്റിഫയറുകൾ (ENG-2703), കീബോർഡ് കുറുക്കുവഴികൾ, മോണോസ്‌പേസ് ഫോണ്ട് മെറ്റാഡാറ്റ

ഇടവേളകളും രൂപവും

ഉദ്ദേശ്യംഅർത്ഥം
സാന്ദ്രതവിശാലമായ
അടിസ്ഥാന ഘട്ടം8px
ബട്ടൺ ആരം6px
കാർഡ് ആരം12px
ഷാഡോകൾഷാഡോകൾക്ക് പകരം ബോർഡറുകൾ ഇല്ല
വിഭാഗങ്ങൾക്കിടയിൽ96px
പേജ് വീതി1200px

AI നിങ്ങളുടെ വെബ്‌സൈറ്റ് Linear ശൈലിയിൽ നിർമ്മിച്ച് അത് പൂരിപ്പിക്കും.

  • Instagram, TikTok, Facebook ലിങ്കുകൾ വഴി ഉൽപ്പന്നങ്ങളും പോസ്റ്റുകളും പൂരിപ്പിക്കുക.
  • നിങ്ങളുടെ പഴയ സൈറ്റിൽ നിന്ന് ഉള്ളടക്കം കൈമാറുക—വിലാസം മാത്രം വ്യക്തമാക്കുക.
  • മികച്ച എഞ്ചിനിൽ ആധുനിക ഡിസൈൻ: സെർവർ റെൻഡറിംഗും SEO ഒപ്റ്റിമൈസേഷനും ഉള്ള React ( Next.js).
  • തിരയൽ ഫലങ്ങൾക്കും ന്യൂറൽ നെറ്റ്‌വർക്ക് ശുപാർശകൾക്കുമായി പൂർണ്ണമായും ഓട്ടോമേറ്റഡ് SEO ഒപ്റ്റിമൈസേഷൻ.

സമാനമായ ശൈലികൾ

  • Aaru — അർദ്ധരാത്രിയിലെ കണികാ ഫീൽഡ് നിരീക്ഷണാലയം
  • Atlas Card — ഒറ്റ നീലക്കല്ലിന്റെ രശ്മിയുള്ള മിഡ്‌നൈറ്റ് വോൾട്ട്, കടും കറുപ്പുനിറമുള്ള ഒരു വിശാലതയാണ്, അതിൽ പ്രധാനം ആഴത്തിലുള്ള വൈദ്യുത നീല മാത്രമാണ്.
  • Checkly — ഡീപ് ഓർബിറ്റ് മിഷൻ കൺട്രോൾ സെന്റർ
  • Savee — വിഷ്വൽ ക്യൂറേറ്റർമാർക്കുള്ള കറുത്ത ക്യാൻവാസ്
  • Inngest — ഇരുണ്ടതും നിശബ്ദവുമായ ഒരു നിരീക്ഷണാലയം, ഉപകരണങ്ങൾ ഉപയോഗിച്ച് പ്രവർത്തിക്കാൻ സജ്ജീകരിച്ചിരിക്കുന്നു, ഒറ്റ ആംബർ പൈലറ്റ് ലൈറ്റ് കൊണ്ട് പ്രകാശിപ്പിക്കുന്നു.
  • Dala — കറുത്ത വെൽവെറ്റിൽ പറന്നു നിൽക്കുന്ന ഒരു നക്ഷത്രസമൂഹം
  • Origin Financial — നിശബ്ദമായ ഒരു അർദ്ധരാത്രി ഗാലറി. നിശബ്ദവും ഇരുണ്ടതുമായ ഒരു മുറി, അവിടെ വലിയ സെരിഫ് ഫോണ്ടുകളും കുറച്ച് പ്രകാശിതമായ നിറങ്ങളിലുള്ള പാനലുകളും ധനകാര്യം ശ്രദ്ധാപൂർവ്വം തയ്യാറാക്കിയ ഒരു കലാസൃഷ്ടിയാണെന്ന തോന്നൽ സൃഷ്ടിക്കുന്നു.
  • Hyperstudio — ഡിസൈൻ ഒബ്സിഡിയനിൽ സ്ക്രാച്ച് ചെയ്തിരിക്കുന്നു. വാചകങ്ങളും നേർത്ത വരകളും ശുദ്ധമായ കറുപ്പിന്റെ ഒരു വെളുത്ത ഇടം ഫ്രെയിം ചെയ്യുന്നു, ഇടയ്ക്കിടെ സ്വർണ്ണ കോമ്പസ് അടയാളങ്ങൾ വഴി സൂചിപ്പിക്കുന്നു.
  • Air — "ഗ്ലാസിലൂടെയുള്ള അർദ്ധരാത്രി ആകാശം" എന്ന ശില്പം
  • Resend — പർപ്പിൾ നിയോൺ നിറമുള്ള കറുത്ത വെൽവെറ്റ്
  • Raycast — മിഡ്‌നൈറ്റ് കമാൻഡ് സെന്റർ, കോറൽ നിയോൺ
  • Dimension — ഫ്രോസ്റ്റഡ് ഗ്ലാസ് പാനലുകളുള്ള ഒരു സന്ധ്യാ വെളിച്ചമുള്ള വർക്ക്‌സ്റ്റേഷൻ