Telegram, WhatsApp+380637610482
Վալերի Դանյուկ
Վալերի ԴանյուկմշակողԲիզնեսների համար արհեստական բանականության գործիքների մշակում։ Բարձրորակ։ Մատչելի։Գրել Telegram-ին
Duolingo — այս ոճի կայքի նախադիտում

Duolingo

Խաղալիք դասարանի թալիսման սպիտակ թղթի վրա

Duolingo-ի ինտերֆեյսը նախագծված է մանկական նկարազարդ գրքի նման՝ սպիտակ թղթե կտավ, գեր, կլորացված տառատեսակ և մեկ, հարուստ կանաչ գույն, որը անմիջապես հիշեցնում է «ճիշտ պատասխանը»։ Հիմնական տեքստը հանգստացնող միջին մոխրագույն երանգներ է, ինչը թույլ է տալիս կանաչին և դրա շեշտադրող կապույտին կատարել ամբողջ հուզական աշխատանքը՝ կանաչը՝ առաջընթացի և վերնագրերի համար, կապույտը՝ սեղմելի հղումների և լրացուցիչ գործողությունների համար։ Բաղադրիչները ձև ունեն հաբերի կամ հաստ, կլորացված անկյունների՝ հաստ սև կամ գունավոր եզրագծերով, ինչը յուրաքանչյուր կոճակին ավելի շատ նմանեցնում է էջին կպցրած պիտակի, քան հարթ ինտերֆեյսի կառավարման։

Բաժինները զբաղեցնում են էջի ամբողջ լայնությունը և ուղղահայաց դասավորված են մեկ սյունակում, որոնցից յուրաքանչյուրը մոտավորապես 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 · Բաժինների վերնագրերը, ինչպիսիք են՝ «Անվճար։ Զվարճալի։ Արդյունավետ» և «Duolingo անգլերենի թեստ», ցուցադրվում են կլորացված տառատեսակով, որը ապրանքանիշին հաղորդում է իր խաղային, բարեկամական, թալիսմանանման ոճը։ Փոխարինեք համապատասխան հաստությամբ «Feather Bold» կամ «Nunito Black» տառերով։ Տառերի միջև հեռավորությունը՝ -0.0200em
  • duolingo-sans — փոխարինում: Inter · ուրվագծեր 500 · Հիմնական պարբերությունները և նավիգացիոն հղումները 17px/500 չափսի են՝ երկրաչափական sans-serif տառատեսակ, որը մնում է ընթեռնելի, թույլ տալով 700 տողի հաստությանը ընդգծել կարևոր կետերը: Փոխարինեք «DIN Next», «Inter» կամ «Nunito Sans»-ով:
  • duolingo-sans — փոխարինում: Inter · ուրվագծեր 700 · Օգտագործվում են բոլոր կշիռ-700 արժեքները. նավիգացիոն պիտակներում մեծատառերը 15px են (ls 0.0530em), ենթավերնագրերը՝ 19px և 32px, իսկ հղման շեշտադրումը՝ 13px: Նույն տառատեսակն է, ինչ հիմնական տեքստում. տեսողական տարբերությունը կշիռն է, այլ ոչ թե տառատեսակի փոփոխությունը: Տառերի միջև հեռավորությունը՝ 0.0530em նավիգացիոն պիտակներում մեծատառերի համար:

Ժամանակահատվածներ և ձև

ՆպատակՆշանակություն
Խտությունխիտ
Հիմնական քայլ12px
Կոճակի շառավիղ12px
Քարտի շառավիղ12px
Ստվերներստվերների փոխարեն՝ առանց սահմանների
Բաժինների միջև80-120px
Էջի լայնությունը1200px

Արհեստական բանականությունը կկառուցի ձեր կայքը Duolingo ոճով և կլրացնի այն

  • Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
  • Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
  • Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
  • Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։

Նմանատիպ ոճեր

  • Family — Հեքիաթից մի հատված կրեմի մագաղաթի վրա
  • Say Briefly — Ստեղծագործական գործակալության ուրվագծերի տետր կրեմե թղթի վրա
  • Flying Papers — Խոստովանություն շաբաթ առավոտյան մուլտֆիլմում
  • Portrait — Հիշողությունների պատ, որը պատկերված է պոլարոիդներով՝ կրեմագույն թղթի վրա։ Պայծառ, կրեմագույն ալբոմ, որտեղ մուգ կապույտ թանաքը ծառայում է որպես միակ տեքստ, միակ կառուցվածքային գծեր և միակ շրջանակի գույն՝ ձեռքով նկարված մեկ ծիածանով, որը հայտնվում է մեկ անգամ՝ «Գրանցվել» կոճակի և թեքատառ գրված «հավերժ» բառի վրա, և այլևս երբեք։
  • Karl — Եռաչափ գրքի ոճով դիորամա արևոտ օրը
  • Navigate — Տախտակին ամրացված մեծ հավաքածու՝ մեծ գրոտեսկային տառատեսակ, բոլորը պլանշետների տեսքով և հինգ բազմագույն պատկերակներ, որոնք կրկնվում են լոգոյի պես։
  • Monte — Առավոտը ափին՝ ժանգոտ երանգով
  • MotherDuck — Տերմինալը կոդավորված է գունավոր մատիտներով կրեմե թղթի վրա
  • Wise Design — Նեոնային լույսերով շուկայի տաղավար համաշխարհային փողոցում. վառ կանաչ ցուցանակը գոռում է մարդաշատ շուկայի միջով, մինչդեռ դրա ետևում աննկատելիորեն հայտնվում է հղկված ապրանքի ինտերֆեյս։
  • Hatch — Ձեռքով նկարված, սամիզդատ ոճի դիզայն՝ համադրված պաստելային կոնֆետների ամանների հետ։ Կրեմագույն թղթե կտավ՝ զարդարված անանուխի երանգներով, կոնֆետիի կետերով և դեղահաբերի տեսքով կոչերով, որտեղ մեծ, համարձակ սերիֆ տառատեսակը զվարճանքի մասին է հուշում, իսկ կապույտ թալիսմանը աչքով է անում անկյունում։
  • Superr — Տաք դպրոցական տետր՝ կեսօրվա մեղմ լույսի ներքո։ Կրեմագույն էջ, նարնջագույն մարկեր՝ առանց կափարիչի, և լամինացված անվանական պիտակների մի կույտ, որոնք սպասում են պոկվելուն։
  • Mews — Հյուրընկալության կառավարման կենտրոն լուսաբացին՝ վարդագույնի մեջ ներծծված։ Սպիտակ պատերով, արևի լույսով լուսավորված աշխատանքային տարածք, որտեղ յուրաքանչյուր էկրանը սահմանազատվում է համարձակ սև տառատեսակով, տաք կրեմագույն քարտերով և վառ վարդագույն գործողության մեկ կոճակով՝ խաղային վստահություն, այլ ոչ թե կորպորատիվ զսպվածություն։