Duolingo
Mascot ekirasi anotamba ari papepa jena
Duolingo's interface yakagadzirwa sebhuku remifananidzo revana: kanivhasi chena yepepa, font yakakora, yakatenderera, uye ruvara rumwe chete rwegirini rwakajeka runobva rwaita kuti pave ne "mhinduro chaiyo." Rugwaro rukuru matoni anonyaradza epakati pegireyi, achibvumira girini nebhuruu rayo kuti riite basa rese remanzwiro—girini rekufambira mberi nemisoro, bhuruu rekubatanidza zvinodzvanywa uye mamwe mabasa. Zvikamu zvacho zvakagadzirwa semapiritsi kana makona akakora, akatenderera ane miganho mitema kana ine mavara, zvichiita kuti bhatani rega rega riite senge sticker yakanamatira papeji pane kudzorwa kweUI yakatsetseka.
Zvikamu zvinotora upamhi hwese hwepeji uye zvakarongwa zvakamira mukoramu imwe chete, imwe neimwe yakareba mapikiseti 800. Upamhi hwepamusoro hwezviri mukati hunosvika pikiseti imwe chete. Rugwaro kuruboshwe uye mifananidzo kurudyi inochinjana, zvichipa nzvimbo yakakwana yakamira (mapikiseti 80 pakati pezvikamu). Hapana makadhi egrid kana marongero emakoramu akawanda—chikamu chimwe nechimwe ibhuroko rimwe chete remavara rakabatana nemufananidzo mumwe chete. Navigation ibhawa repamusoro rine logo uye sarudzo yemutauro, rinoonekwa sebhawa rakagadzika pakati pezvikamu. Footer imutsara wegirini wakafukidza upamhi hwese hwepeji. Rwiyo rwacho nderwekunyorwa: musoro, ndima, kudanwa kwechiito, mufananidzo, kudzokorora.
Mutauro wemifananidzo webhuku iri une mavara emhando ye "mascot" akati sandara, ane mativi maviri (owl nemifananidzo yakasiyana-siyana yevanhu) ane maumbirwo akatenderera, matema akajeka, uye mavara akasiyana epingi, pepuru, yero, orenji, nebhuruu asingamboonekwi mu "interface" pachayo. Mifananidzo yacho yakaiswa padivi pechinyorwa kurudyi rwechikamu chimwe nechimwe, ichipesana neruvara ruchena, isina midziyo kana ma background. Hapana mapikicha—mavara acho anoshanda sezviri mukati memufananidzo. Mifananidzo yacho inoshandisa ma "outlines" akakora, zvinoenderana nemaitiro ema "mascot". Kuwanda kwemifananidzo kuri pakati nepakati: chikamu chimwe nechimwe chine mufananidzo mumwe mukuru wemunhu, uye peji rasara rakatsaurirwa ku "typography" nenzvimbo chena.
Palette
Rudzi
- Eager Green
#58cc02— Girini rinoshandiswa kuratidza zvinongedzo, matagi, nemitsara mipfupi. Harifanirwe kushandiswa seruvara rukuru rwekukurudzira chiito. - Storybook Green
#d7ffb8— Mavara akapfava panzvimbo dzakareruka, mavara ekumashure asina kusimba ari kumashure kwemazita ekufambisa ari pasi petsoka.
Kwakarerekera
- Spark Blue
#1cb0f6— Bhuruu rinoshandiswa kuratidza zvinongedzo, matagi, nemitsara mipfupi. Harifanirwe kushandiswa seruvara rukuru rwekukurudzira chiito. - Fresh Leaf
#a5ed6e— Girini rinoshandiswa kuratidza zvinongedzo, matagi, nemitsara mipfupi. Harifanirwe kushandiswa seruvara rukuru rwekukurudzira chiito. - Night Ink
#000437— Zvinongedzo, matagi, uye mitsara mipfupi yakasimbiswa zvinoratidzwa nepepuru. - Paper White
#ffffff— Kanivhasi yemapeji, nzvimbo dzemakadhibhodhi, mabhatani ari paruvara rwegirini/rima. - Charcoal
#4b4b4b— Misoro yeMagamba neRugwaro rweMuviri - Rugwaro rwerima rwepasi rose runobvumira misoro yemavara kuti ibude pachena. - Pencil Gray
#777777— Ndima huru dzechinyorwa dzinoratidzwa nemabhii asingaonekwe, uye rugwaro rwechipiri runotsanangura runobva rwadzikira kumashure, kuitira kuti zvinhu zvine mavara zvionekwe pachena.
Kunyora
kubva pa13 kusvika pa64px · nhanho 7
- feather — kutsiva: Inter · marongero 700 · Misoro yezvikamu, yakadai sekuti "Mahara. Inonakidza. Inoshanda" uye "Duolingo English Test," inoratidzwa uchishandisa fonti yakatenderera yakagadzirwa, zvichiita kuti brand iyi ive nemaitiro ayo anosetsa, ane hushamwari, uye akafanana neakanaka. Tsiva ne "Feather Bold" kana "Nunito Black" nehuremu hwakakodzera. Kupatsanurana kwemavara: -0.0200em
- duolingo-sans — kutsiva: Inter · marongero 500 · Ndima huru uye malink ekufambisa ari pa17px/500—fonti isina hunyanzvi hwejometri inoramba ichiverengwa, zvichiita kuti huremu hwemitsara 700 huratidze pfungwa dzakakosha. Tsiva ne'DIN Next', 'Inter', kana 'Nunito Sans'.
- duolingo-sans — kutsiva: Inter · marongero 700 · Manhamba ese ehuremu-700 anoshandiswa: mavara makuru mumarebhu ekufambisa i15px (ls 0.0530em), misoro midiki i19px ne32px, uye kusimbiswa kwekubatanidza i13px. Font imwechete nerugwaro rukuru—musiyano wekuona uri muhuremu, kwete shanduko yefonti. Kupatsanurana kwemavara: 0.0530em yemarebhu makuru mumarebhu ekufambisa.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 12px |
| Radiyo yebhatani | 12px |
| Nharaunda yekadhi | 12px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80-120px |
| Upamhi hwepeji | 1200px |
AI ichavaka webhusaiti yako nenzira ye Duolingo uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Family — Kupararira kubva mungano paganda rekirimu
- Say Briefly — Bhuku rekugadzira mifananidzo yesangano rekugadzira papepa rekirimu
- Flying Papers — Katuni yeKureurura paMugovera Mangwanani
- Portrait — Rusvingo rwendangariro, rwakabatwa muPolaroids pabepa rine ruvara rwekirimu. Bhuku rekunyora rakajeka, rine ruvara rwekirimu apo inki yebhuruu dema inoshanda sechinyorwa chega, mitsetse chete yekuvaka, uye ruvara rwefuremu chete—nemuraraungu mumwe chete wakadhirowewa nemaoko unoonekwa kamwe chete, pabhatani rekuti "Register" uye pashoko rakatsveyama rekuti "nokusingaperi," uye hazvichazomboitiki zvakare.
- Karl — Diorama yemhando ye3D inobuda pachena pazuva rine zuva
- Navigate — Seti hombe yemastikara akabatanidzwa pabhodhi: fonti hombe inotyisa, zvese zviri muchimiro chemapiritsi uye zviratidzo zvishanu zvine mavara akawanda, zvichidzokorora sechiratidzo
- Monte — Mangwanani pamhenderekedzo yegungwa neruvara rweganda
- MotherDuck — Chivharo chakanyorwa nemapenzura ane mavara papepa rekirimu
- Wise Design — Chiteshi chemusika weneon mumugwagwa wepasi rose—chiratidzo chegirini chakajeka chiri kurira mumusika wakazara nevanhu, nepo kumashure kwacho, chiratidziro chemushandisi wezvigadzirwa chakashongedzwa chinoonekwa pachena.
- Hatch — Dhizaini yakadhirowewa nemaoko, yakagadzirwa nesamizdat yakasanganiswa nendiro dzemasiwiti dzepastel. Kanivhasi yepepa ine kirimu yakashongedzwa nemavara emint, madotsi econfetti, uye kushevedzera kwakafanana nepiritsi, uko fonti hombe, ine ushingi hweserif inoratidza kunakidzwa, uye bhuruu rinotsvedza pakona.
- Superr — Kabhuku kechikoro kanodziya kari muchiedza chemasikati chakapfava. Peji rine ruvara rwekirimu, chiratidzo cheorenji chisina chivharo, uye murwi wemasaini emazita akaputirwa akamirira kubviswa.
- Mews — Nzvimbo yekuchengetera vaenzi mumambakwedza, yakanyorova nepingi. Nzvimbo yekubatira ine madziro machena, ine chiedza chezuva uko mavara matema akajeka, makadhi anodziya ekirimu, uye bhatani rimwe chete repingi rinopisa rinotsanangura skrini yega yega—kuvimbana kwekutamba kwete kuzvidzora kwekambani.