Duolingo
Mascot ya darasa la kucheza kwenye karatasi nyeupe
Kiolesura cha Duolingo kimeundwa kama kitabu cha picha cha watoto: turubai ya karatasi nyeupe, fonti nono na mviringo, na rangi moja tajiri ya kijani ambayo huamsha mara moja "jibu sahihi." Maandishi kuu ni tani za kutuliza za kijivu cha kati, zinazoruhusu kijani na bluu yake kufanya kazi yote ya kihisia—kijani kwa maendeleo na vichwa vya habari, bluu kwa viungo vinavyoweza kubofywa na vitendo vya ziada. Vipengele vimeumbwa kama vidonge au pembe nyembamba, zenye mviringo zenye mipaka mnene nyeusi au rangi, na kufanya kila kitufe kihisi zaidi kama stika iliyokwama kwenye ukurasa kuliko kidhibiti cha UI tambarare.
Sehemu huchukua upana kamili wa ukurasa na zimepangwa wima katika safu wima moja, kila moja ikiwa na urefu wa takriban pikseli 800. Upana wa juu zaidi wa maudhui ni takriban pikseli 1 katikati. Maandishi upande wa kushoto na vielelezo upande wa kulia vinabadilika, na kutoa nafasi ya kutosha wima (pikseli 80 kati ya sehemu). Hakuna kadi za gridi au mipangilio ya safu wima nyingi—kila sehemu ni kizuizi kimoja cha maandishi kilichounganishwa na kielelezo kimoja. Urambazaji ni upau wa juu mdogo wenye nembo na kiteuzi cha lugha, ambacho huonekana kama upau usiobadilika kati ya sehemu. Kijachini ni mstari wa kijani unaozunguka upana mzima wa ukurasa. Mdundo ni wa uhariri: kichwa, aya, wito wa kuchukua hatua, kielelezo, marudio.
Lugha ya kielelezo ya kitabu hiki ina wahusika wa mascot tambarare, wenye pande mbili (Bundi na maumbo mbalimbali ya binadamu) wenye maumbo ya kijiometri yaliyozunguka, mihtasari nyeusi iliyokolea, na rangi inayosaidia ya waridi, zambarau, njano, chungwa, na bluu ambayo haionekani kamwe kwenye kiolesura chenyewe. Michoro imewekwa karibu na maandishi upande wa kulia wa kila sehemu, dhidi ya mandhari nyeupe safi, bila vyombo au mandhari. Hakuna picha—wahusika hutumika kama maudhui ya kuona. Aikoni hutumia mihtasari minene, inayolingana na mtindo wa mascot. Msongamano wa picha ni wa wastani: kila sehemu ina mchoro mmoja mkubwa wa mhusika, huku sehemu iliyobaki ya ukurasa ikiwa imetengwa kwa uchapaji na nafasi nyeupe.
Paleti
Chapa
- Eager Green
#58cc02— Kijani hutumika kuangazia viungo, lebo, na vifungu vifupi. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Storybook Green
#d7ffb8— Vivutio laini kwenye nyuso zenye mwanga, tani ndogo za mandharinyuma nyuma ya lebo za usogezaji kwenye kijachini.
Isiyoegemea upande wowote
- Spark Blue
#1cb0f6— Bluu hutumika kuangazia viungo, lebo, na vifungu vifupi. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Fresh Leaf
#a5ed6e— Kijani hutumika kuangazia viungo, lebo, na vifungu vifupi. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Night Ink
#000437— Viungo, lebo, na vifungu vifupi vilivyoangaziwa vimeangaziwa kwa rangi ya zambarau. - Paper White
#ffffff— Turubai ya ukurasa, nyuso za kadibodi, maandishi ya kitufe kwenye mandharinyuma ya kijani/giza. - Charcoal
#4b4b4b— Vichwa vya Mashujaa na Maandishi ya Mwili - Maandishi meusi ya ulimwengu wote ambayo huruhusu vichwa vya habari vya rangi kujitokeza. - Pencil Gray
#777777— Aya kuu za maandishi zimeangaziwa kwa herufi zisizoonekana, na maandishi ya maelezo ya pili hufifia nyuma, ili vipengele vyenye rangi vionekane.
Uchapaji
kutoka pikseli 13 hadi 64 · hatua 7
- feather — mbadala: Inter · mihtasari 700 · Vichwa vya sehemu, kama vile "Bure. Fun. Effective" na "Duolingo English Test," vinaonyeshwa kwa kutumia fonti maalum iliyozungushwa, na kuipa chapa mtindo wake wa kucheza, wa kirafiki, na unaofanana na mascot. Badilisha na "Feather Bold" au "Nunito Black" katika uzito unaofaa. Nafasi ya herufi: -0.0200em
- duolingo-sans — mbadala: Inter · mihtasari 500 · Aya kuu na viungo vya urambazaji katika 17px/500—fonti ya kijiometri isiyo na serif ambayo inabaki kusomeka, ikiruhusu uzito wa mistari 700 kuangazia mambo muhimu. Badilisha na 'DIN Next', 'Inter', au 'Nunito Sans'.
- duolingo-sans — mbadala: Inter · mihtasari 700 · Thamani zote za uzito - 700 zinatumika: herufi kubwa katika lebo za urambazaji ni pikseli 15 (ls 0.0530em), vichwa vidogo ni pikseli 19 na pikseli 32, na msisitizo wa kiungo ni pikseli 13. Fonti sawa na maandishi kuu - tofauti ya kuona iko katika uzito, sio mabadiliko ya fonti. Nafasi ya herufi: 0.0530em kwa herufi kubwa katika lebo za urambazaji.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 12px |
| Kipenyo cha kitufe | 12px |
| Redi ya kadi | 12px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 80-120px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Duolingo na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Family — Hadithi ya hadithi ya kichawi kwenye ngozi ya krimu
- Say Briefly — Kitabu cha michoro cha wakala wa ubunifu kwenye karatasi ya krimu
- Flying Papers — Kukiri kwenye Katuni ya Jumamosi Asubuhi
- Portrait — Ukuta wa kumbukumbu, ulionaswa katika Polaroids kwenye karatasi yenye rangi ya krimu. Kitabu cha kumbukumbu chenye rangi ya krimu angavu ambapo wino wa bluu nyeusi hutumika kama maandishi pekee, mistari pekee ya muundo, na rangi pekee ya fremu—yenye upinde mmoja wa mvua uliochorwa kwa mkono unaoonekana mara moja, kwenye kitufe cha "Jisajili" na kwenye neno lililoandikwa kwa mlazo "milele," na kamwe usirudie tena.
- Karl — Diorama ya mtindo wa kitabu cha 3D ibukizi siku ya jua
- Navigate — Seti kubwa ya vibandiko vilivyounganishwa kwenye ubao: fonti kubwa ya ajabu, yote ikiwa katika umbo la kompyuta kibao na aikoni tano zenye rangi nyingi, zinazojirudia kama nembo
- Monte — Asubuhi pwani yenye rangi ya kutu
- MotherDuck — Kifaa kilicho na penseli za rangi kwenye karatasi ya krimu
- Wise Design — Soko la neon kwenye barabara ya kimataifa—bango la kijani kibichi linalosikika kupitia soko lililojaa watu, huku nyuma yake, kiolesura cha mtumiaji cha bidhaa kilichong'arishwa kinaonekana kwa siri.
- Hatch — Muundo uliochorwa kwa mkono, wa mtindo wa samizdat uliochanganywa na bakuli za pipi za rangi ya pastel. Turubai ya karatasi yenye krimu iliyopambwa kwa lafudhi za mnanaa, nukta za confetti, na wito wa kuchukua hatua kama kidonge, ambapo fonti kubwa na nzito ya serif inaonyesha furaha, na mascot ya bluu inakonyeza kwenye kona.
- Superr — Daftari la shule lenye joto katika mwanga laini wa alasiri. Ukurasa wenye rangi ya krimu, alama ya chungwa bila kofia, na rundo la vibandiko vya majina vilivyopakwa rangi ya laminated vinavyosubiri kung'olewa.
- Mews — Kituo cha udhibiti wa ukarimu alfajiri, kikiwa kimelowa rangi ya waridi. Sehemu ya kazi yenye ukuta mweupe, yenye mwanga wa jua ambapo aina nyeusi nzito, kadi za krimu ya joto, na kitufe kimoja cha vitendo cha waridi moto hufafanua kila skrini—ujasiri wa kucheza badala ya kujizuia kwa kampuni.