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

Duolingo

വെള്ളക്കടലാസിൽ കളിയായ ക്ലാസ് മാസ്‌കോട്ട്

ഡുവോലിംഗോയുടെ ഇന്റർഫേസ് കുട്ടികളുടെ ചിത്രപുസ്തകം പോലെയാണ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്: ഒരു വെളുത്ത പേപ്പർ ക്യാൻവാസ്, തടിച്ച, വൃത്താകൃതിയിലുള്ള ഫോണ്ട്, "ശരിയായ ഉത്തരം" ഉടനടി ഉണർത്തുന്ന ഒറ്റ, സമ്പന്നമായ പച്ച നിറം. പ്രധാന വാചകം ശാന്തമായ മിഡ്-ഗ്രേ ടോണുകളാണ്, ഇത് പച്ചയെയും അതിന്റെ ആക്സന്റ് നീലയെയും എല്ലാ വൈകാരിക ജോലികളും ചെയ്യാൻ അനുവദിക്കുന്നു - പുരോഗതിക്കും തലക്കെട്ടുകൾക്കും പച്ച, ക്ലിക്കുചെയ്യാവുന്ന ലിങ്കുകൾക്കും അധിക പ്രവർത്തനങ്ങൾക്കും നീല. ഘടകങ്ങൾ ഗുളികകളുടെയോ കട്ടിയുള്ള കറുപ്പ് അല്ലെങ്കിൽ നിറമുള്ള ബോർഡറുകളുള്ള വൃത്താകൃതിയിലുള്ള കോണുകളുടെയോ ആകൃതിയിലാണ്, ഇത് ഓരോ ബട്ടണും ഒരു ഫ്ലാറ്റ് UI നിയന്ത്രണത്തേക്കാൾ പേജിൽ ഒട്ടിച്ചിരിക്കുന്ന ഒരു സ്റ്റിക്കർ പോലെ തോന്നിപ്പിക്കുന്നു.

പേജിന്റെ മുഴുവൻ വീതിയും ഉൾക്കൊള്ളുന്ന വിഭാഗങ്ങൾ, ഏകദേശം 800 പിക്സലുകൾ ഉയരമുള്ള ഒറ്റ കോളത്തിൽ ലംബമായി ക്രമീകരിച്ചിരിക്കുന്നു. പരമാവധി ഉള്ളടക്ക വീതി ഏകദേശം 1 പിക്സൽ മധ്യത്തിലാണ്. ഇടതുവശത്തുള്ള വാചകവും വലതുവശത്തുള്ള ചിത്രീകരണങ്ങളും മാറിമാറി വരുന്നു, ഇത് ധാരാളം ലംബ ഇടം നൽകുന്നു (വിഭാഗങ്ങൾക്കിടയിൽ 80 പിക്സലുകൾ). ഗ്രിഡ് കാർഡുകളോ മൾട്ടി-കോളം ലേഔട്ടുകളോ ഇല്ല—ഓരോ വിഭാഗവും ഒരൊറ്റ ചിത്രീകരണത്തോടുകൂടിയ ഒരു ഒറ്റ ടെക്സ്റ്റ് ബ്ലോക്കാണ്. നാവിഗേഷൻ ഒരു ലോഗോയും ഭാഷാ സെലക്ടറും ഉള്ള ഒരു മിനിമലിസ്റ്റ് ടോപ്പ് ബാറാണ്, ഇത് വിഭാഗങ്ങൾക്കിടയിൽ ഒരു നിശ്ചിത ബാറായി ദൃശ്യമാകുന്നു. പേജിന്റെ മുഴുവൻ വീതിയിലും വ്യാപിച്ചുകിടക്കുന്ന ഒരു പച്ച വരയാണ് അടിക്കുറിപ്പ്. താളം എഡിറ്റോറിയൽ ആണ്: തലക്കെട്ട്, ഖണ്ഡിക, കോൾ ടു ആക്ഷൻ, ചിത്രീകരണം, ആവർത്തനം.

പുസ്തകത്തിന്റെ ചിത്രീകരണ ഭാഷയിൽ പരന്നതും ദ്വിമാനവുമായ മാസ്കോട്ട് കഥാപാത്രങ്ങൾ (ഡ്യൂയറ്റ് ദി മൂങ്ങയും വിവിധ മനുഷ്യരൂപങ്ങളും) വൃത്താകൃതിയിലുള്ള ജ്യാമിതീയ രൂപങ്ങൾ, ബോൾഡ് കറുത്ത രൂപരേഖകൾ, ഇന്റർഫേസിൽ തന്നെ ഒരിക്കലും പ്രത്യക്ഷപ്പെടാത്ത പിങ്ക്, പർപ്പിൾ, മഞ്ഞ, ഓറഞ്ച്, നീല എന്നിവയുടെ പൂരക വർണ്ണ പാലറ്റ് എന്നിവ ഉൾപ്പെടുന്നു. ഓരോ വിഭാഗത്തിന്റെയും വലതുവശത്തുള്ള വാചകത്തിനടുത്തായി, ശുദ്ധമായ വെളുത്ത പശ്ചാത്തലത്തിൽ, കണ്ടെയ്‌നറുകളോ പശ്ചാത്തലങ്ങളോ ഇല്ലാതെ ചിത്രീകരണങ്ങൾ സ്ഥാപിച്ചിരിക്കുന്നു. ഫോട്ടോഗ്രാഫുകൾ ഇല്ല - കഥാപാത്രങ്ങൾ ദൃശ്യ ഉള്ളടക്കമായി വർത്തിക്കുന്നു. മാസ്കോട്ടുകളുടെ ശൈലിക്ക് അനുസൃതമായി കട്ടിയുള്ള രൂപരേഖകൾ ഐക്കണോഗ്രഫി ഉപയോഗിക്കുന്നു. ചിത്ര സാന്ദ്രത മിതമാണ്: ഓരോ വിഭാഗത്തിലും കഥാപാത്രത്തിന്റെ ഒരു വലിയ ചിത്രീകരണം ഉണ്ട്, ബാക്കി പേജ് ടൈപ്പോഗ്രാഫിക്കും വൈറ്റ് സ്പേസിനും വേണ്ടി നീക്കിവച്ചിരിക്കുന്നു.

പാലറ്റ്

ബ്രാൻഡ്

  • Eager Green #58cc02 — ലിങ്കുകൾ, ടാഗുകൾ, ചെറിയ വാക്യങ്ങൾ എന്നിവ ഹൈലൈറ്റ് ചെയ്യാൻ പച്ച ഉപയോഗിക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
  • Storybook Green #d7ffb8 — നേരിയ പ്രതലങ്ങളിൽ മൃദുവായ ഹൈലൈറ്റുകൾ, ഫൂട്ടറിലെ നാവിഗേഷൻ ലേബലുകൾക്ക് പിന്നിലെ സൂക്ഷ്മമായ പശ്ചാത്തല ടോണുകൾ.

നിഷ്പക്ഷം

  • Spark Blue #1cb0f6 — ലിങ്കുകൾ, ടാഗുകൾ, ചെറിയ വാക്യങ്ങൾ എന്നിവ ഹൈലൈറ്റ് ചെയ്യാൻ നീല ഉപയോഗിക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
  • Fresh Leaf #a5ed6e — ലിങ്കുകൾ, ടാഗുകൾ, ചെറിയ വാക്യങ്ങൾ എന്നിവ ഹൈലൈറ്റ് ചെയ്യാൻ പച്ച ഉപയോഗിക്കുന്നു. കോൾ ടു ആക്ഷന് പ്രാഥമിക നിറമായി ഇത് ഉപയോഗിക്കരുത്.
  • Night Ink #000437 — ലിങ്കുകൾ, ടാഗുകൾ, ചെറിയ ഹൈലൈറ്റ് ചെയ്ത വാക്യങ്ങൾ എന്നിവ പർപ്പിൾ നിറത്തിൽ ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു.
  • Paper White #ffffff — പേജ് ക്യാൻവാസ്, കാർഡ്ബോർഡ് പ്രതലങ്ങൾ, പച്ച/ഇരുണ്ട പശ്ചാത്തലത്തിൽ ബട്ടൺ വാചകം.
  • Charcoal #4b4b4b — ഹീറോ ഹെഡറുകളും ബോഡി ടെക്സ്റ്റും - നിറമുള്ള തലക്കെട്ടുകൾ വേറിട്ടുനിൽക്കാൻ അനുവദിക്കുന്ന യൂണിവേഴ്സൽ ഡാർക്ക് ടെക്സ്റ്റ്.
  • Pencil Gray #777777 — വാചകത്തിലെ പ്രധാന ഖണ്ഡികകൾ വ്യക്തമല്ലാത്ത അക്ഷരങ്ങൾ ഉപയോഗിച്ച് ഹൈലൈറ്റ് ചെയ്തിരിക്കുന്നു, കൂടാതെ ദ്വിതീയ വിവരണാത്മക വാചകം പശ്ചാത്തലത്തിലേക്ക് പിൻവാങ്ങുന്നു, അങ്ങനെ നിറമുള്ള ഘടകങ്ങൾ മുന്നിലെത്തുന്നു.

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

13 മുതൽ 64px വരെ · 7 ചുവടുകൾ

  • feather — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 700 · "ഫ്രീ. ഫൺ. ഇഫക്റ്റീവ്", "ഡുവോലിംഗോ ഇംഗ്ലീഷ് ടെസ്റ്റ്" തുടങ്ങിയ വിഭാഗ തലക്കെട്ടുകൾ ഒരു ഇഷ്ടാനുസൃത വൃത്താകൃതിയിലുള്ള ഫോണ്ട് ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കും, ഇത് ബ്രാൻഡിന് അതിന്റെ കളിയായ, സൗഹൃദപരമായ, മാസ്കോട്ട് പോലുള്ള ശൈലി നൽകുന്നു. ഉചിതമായ ഭാരത്തിൽ "ഫെതർ ബോൾഡ്" അല്ലെങ്കിൽ "നുനിറ്റോ ബ്ലാക്ക്" ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക. അക്ഷരങ്ങളുടെ അകലം: -0.0200em
  • duolingo-sans — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 500 · പ്രധാന ഖണ്ഡികകളും നാവിഗേഷൻ ലിങ്കുകളും 17px/500 --ൽ ലഭ്യമാണ്. 700 വരി വെയ്റ്റ് പ്രധാന പോയിന്റുകൾ ഹൈലൈറ്റ് ചെയ്യാൻ അനുവദിക്കുന്ന, വ്യക്തമായി വായിക്കാൻ കഴിയുന്ന ഒരു ജ്യാമിതീയ സാൻസ്-സെരിഫ് ഫോണ്ട്. 'DIN Next', 'Inter', അല്ലെങ്കിൽ 'Nunito Sans' എന്നിവ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക.
  • duolingo-sans — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 700 · എല്ലാ weight-700 മൂല്യങ്ങളും ഉപയോഗിക്കുന്നു: നാവിഗേഷൻ ലേബലുകളിലെ വലിയ അക്ഷരങ്ങൾ 15px (ls 0.0530em), ഉപതലക്കെട്ടുകൾ 19px ഉം 32px ഉം ആണ്, ലിങ്ക് ഊന്നൽ 13px ഉം ആണ്. പ്രധാന വാചകത്തിന്റെ അതേ ഫോണ്ട് - ദൃശ്യ വ്യത്യാസം ഭാരത്തിലാണ്, ഫോണ്ട് മാറ്റത്തിലല്ല. അക്ഷരങ്ങളുടെ അകലം: നാവിഗേഷൻ ലേബലുകളിലെ വലിയ അക്ഷരങ്ങൾക്ക് 0.0530em.

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

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

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

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

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

  • Family — ക്രീം നിറത്തിലുള്ള കടലാസിൽ ഒരു യക്ഷിക്കഥയിൽ നിന്നുള്ള ഒരു സ്‌പ്രെഡ്
  • Say Briefly — ക്രീം പേപ്പറിൽ ക്രിയേറ്റീവ് ഏജൻസി സ്കെച്ച്ബുക്ക്
  • Flying Papers — ശനിയാഴ്ച രാവിലെ കാർട്ടൂണിലെ കുമ്പസാരം
  • Portrait — ക്രീം നിറമുള്ള പേപ്പറിൽ പോളറോയിഡുകളിൽ പകർത്തിയ ഓർമ്മകളുടെ ഒരു മതിൽ. കടും നീല മഷി മാത്രം വാചകമായും, ഘടനാരേഖകളായും, ഫ്രെയിം നിറമായും വർത്തിക്കുന്ന തിളക്കമുള്ള ക്രീം നിറമുള്ള ഒരു സ്ക്രാപ്പ്ബുക്ക് - കൈകൊണ്ട് വരച്ച ഒരു മഴവില്ല് "രജിസ്റ്റർ" ബട്ടണിലും ഇറ്റാലിക് ചെയ്ത "forever" എന്ന വാക്കിലും ഒരിക്കൽ ദൃശ്യമാകും, ഇനി ഒരിക്കലും ദൃശ്യമാകില്ല.
  • Karl — വെയിലുള്ള ഒരു ദിവസം ഒരു 3D പോപ്പ്-അപ്പ് പുസ്തക ശൈലിയിലുള്ള ഡയോരമ
  • Navigate — ഒരു ബോർഡിൽ ഘടിപ്പിച്ചിരിക്കുന്ന ഒരു വലിയ കൂട്ടം സ്റ്റിക്കറുകൾ: ടാബ്‌ലെറ്റുകളുടെയും അഞ്ച് ബഹുവർണ്ണ ഐക്കണുകളുടെയും രൂപത്തിലുള്ള വലിയ വിചിത്രമായ ഫോണ്ട്, ഒരു ലോഗോ പോലെ ആവർത്തിക്കുന്നു.
  • Monte — തുരുമ്പിച്ച നിറം ബാധിച്ച തീരത്ത് പ്രഭാതം
  • MotherDuck — ക്രീം പേപ്പറിൽ നിറമുള്ള പെൻസിലുകൾ കൊണ്ട് കോഡ് ചെയ്ത ടെർമിനൽ
  • Wise Design — ഒരു ആഗോള തെരുവിലെ ഒരു നിയോൺ മാർക്കറ്റ് സ്റ്റാൾ - തിരക്കേറിയ മാർക്കറ്റിലൂടെ അലറിവിളിക്കുന്ന ഒരു തിളങ്ങുന്ന പച്ച അടയാളം, പിന്നിൽ, മിനുക്കിയ ഒരു ഉൽപ്പന്ന ഉപയോക്തൃ ഇന്റർഫേസ് വിവേകപൂർവ്വം ദൃശ്യമാകുന്നു.
  • Hatch — പാസ്റ്റൽ മിഠായി പാത്രങ്ങളുമായി സംയോജിപ്പിച്ച് കൈകൊണ്ട് വരച്ച സമിസ്ദാത്ത് ശൈലിയിലുള്ള ഡിസൈൻ. പുതിന ആക്സന്റുകൾ, കൺഫെറ്റി ഡോട്ടുകൾ, പിൽ ആകൃതിയിലുള്ള ആക്ഷൻ കോൾസ് എന്നിവയാൽ അലങ്കരിച്ച ഒരു ക്രീമി പേപ്പർ ക്യാൻവാസ്, അവിടെ ഒരു വലിയ, ബോൾഡ് സെരിഫ് ഫോണ്ട് വിനോദത്തെ സൂചിപ്പിക്കുന്നു, മൂലയിൽ ഒരു നീല മാസ്കറ്റ് കണ്ണിറുക്കുന്നു.
  • Superr — ഇളം വെയിലിൽ ഒരു ചൂടുള്ള സ്കൂൾ നോട്ട്ബുക്ക്. ക്രീം നിറമുള്ള ഒരു പേജ്, തൊപ്പിയില്ലാത്ത ഓറഞ്ച് മാർക്കർ, പിന്നെ പൊളിക്കാൻ കാത്തിരിക്കുന്ന ലാമിനേറ്റഡ് നെയിം സ്റ്റിക്കറുകളുടെ ഒരു കൂട്ടം.
  • Mews — പിങ്ക് നിറത്തിൽ നനഞ്ഞു കുതിർന്ന പുലർച്ചെ ഒരു ഹോസ്പിറ്റാലിറ്റി കൺട്രോൾ സെന്റർ. വെളുത്ത ഭിത്തിയുള്ള, സൂര്യപ്രകാശം നിറഞ്ഞ ഒരു വർക്ക്‌സ്‌പെയ്‌സ്, അവിടെ ബോൾഡ് ബ്ലാക്ക് ടൈപ്പ്, വാം ക്രീം കാർഡുകൾ, ഒരൊറ്റ ഹോട്ട് പിങ്ക് ആക്ഷൻ ബട്ടൺ എന്നിവ ഓരോ സ്‌ക്രീനിനെയും നിർവചിക്കുന്നു - കോർപ്പറേറ്റ് നിയന്ത്രണത്തേക്കാൾ കളിയായ ആത്മവിശ്വാസം.