
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 — Հյուրընկալության կառավարման կենտրոն լուսաբացին՝ վարդագույնի մեջ ներծծված։ Սպիտակ պատերով, արևի լույսով լուսավորված աշխատանքային տարածք, որտեղ յուրաքանչյուր էկրանը սահմանազատվում է համարձակ սև տառատեսակով, տաք կրեմագույն քարտերով և վառ վարդագույն գործողության մեկ կոճակով՝ խաղային վստահություն, այլ ոչ թե կորպորատիվ զսպվածություն։