Duolingo
Léttur bekkjarlukkudýr á hvítum pappír
Viðmót Duolingo er hannað eins og myndabók fyrir börn: hvítur strigi, þykkur, ávöl leturgerð og einn, ríkur grænn litur sem vekur strax upp „rétta svarið“. Aðaltextinn er í róandi milligráum tónum, sem gerir græna og bláa áherslan kleift að vinna alla tilfinningalegu vinnuna - grænn fyrir framvindu og fyrirsagnir, blár fyrir smellanlega tengla og viðbótaraðgerðir. Íhlutirnir eru lagaðir eins og pillur eða þykkir, ávöl horn með þykkum svörtum eða lituðum röndum, sem gerir það að verkum að hver hnappur líður meira eins og límmiði sem er festur á síðuna en flatur notendaviðmótsstýring.
Kaflar fylla alla breidd síðunnar og eru raðaðir lóðrétt í einn dálk, hver um það bil 800 pixlar á hæð. Hámarksbreidd efnis er um það bil 1 pixli miðjaður. Texti vinstra megin og myndir hægra megin skiptast á, sem gefur nægilegt lóðrétt bil (80 pixlar á milli hluta). Það eru engin grindarspjöld eða margdálkauppsetning - hver hluti er einn textablokk ásamt einni myndskreytingu. Leiðsögnin er lágmarks efri súla með merki og tungumálavali, sem birtist sem föst súla á milli hluta. Síðufóturinn er græn rönd sem spannar alla breidd síðunnar. Takturinn er ritstjórnarlegur: fyrirsögn, málsgrein, aðgerðahvatning, myndskreyting, endurtekning.
Myndskreytingarmál bókarinnar eru flöt, tvívíð lukkudýrapersóna (uglan Duet og ýmsar mannverur) með ávölum rúmfræðilegum formum, djörfum svörtum útlínum og viðbótarlitum í bleikum, fjólubláum, gulum, appelsínugulum og bláum litum sem birtast aldrei í viðmótinu sjálfu. Myndskreytingarnar eru staðsettar við hliðina á textanum hægra megin í hverjum kafla, á hvítum bakgrunni, án íláta eða bakgrunna. Engar ljósmyndir eru - persónurnar þjóna sem sjónrænt efni. Táknmyndagerðin notar þykkar útlínur, í samræmi við stíl lukkudýranna. Myndþéttleiki er miðlungs: hver kafli sýnir eina stóra mynd af persónunni, en restin af síðunni er tileinkuð leturfræði og hvítu rými.
Litatöflu
Vörumerki
- Eager Green
#58cc02— Grænn litur er notaður til að auðkenna tengla, merki og stuttar setningar. Hann ætti ekki að vera aðalliturinn fyrir hvatningar til aðgerða. - Storybook Green
#d7ffb8— Mjúkir áherslur á ljósum fleti, lúmskur bakgrunnstónar á bak við flakkmerkin í síðufótnum.
Hlutlaus
- Spark Blue
#1cb0f6— Blár litur er notaður til að auðkenna tengla, merki og stuttar setningar. Hann ætti ekki að vera aðalliturinn fyrir hvatningar til aðgerða. - Fresh Leaf
#a5ed6e— Grænn litur er notaður til að auðkenna tengla, merki og stuttar setningar. Hann ætti ekki að vera aðalliturinn fyrir hvatningar til aðgerða. - Night Ink
#000437— Tenglar, merki og stuttar, auðkenndar setningar eru auðkenndar með fjólubláum lit. - Paper White
#ffffff— Síðustrigi, pappayfirborð, hnappatexti á grænum/dökkum bakgrunni. - Charcoal
#4b4b4b— Aðalfyrirsagnir og megintexti - Alhliða dökkur texti sem gerir lituðum fyrirsögnum kleift að skera sig úr. - Pencil Gray
#777777— Helstu málsgreinar textans eru auðkenndar með óáberandi stöfum og lýsandi texti í öðru lagi færist í bakgrunninn þannig að lituðu atriðin komi fram.
Leturfræði
frá 13 til 64px · 7 skref
- feather — skipti: Inter · útlínur 700 · Fyrirsagnir kafla, eins og „Ókeypis. Skemmtilegt. Áhrifaríkt“ og „Duolingo enskupróf“, eru birtar með sérsniðnu, ávölu letri, sem gefur vörumerkinu skemmtilegan, vingjarnlegan og lukkudýralegan stíl. Skiptið út fyrir „Feather Bold“ eða „Nunito Black“ í viðeigandi þyngd. Bil á milli stafa: -0.0200em
- duolingo-sans — skipti: Inter · útlínur 500 · Aðalmálsgreinar og flakktenglar eru 17px/500 — rúmfræðilegt sans-serif letur sem er læsilegt og gerir 700 línuþykkt kleift að undirstrika mikilvæg atriði. Skiptið út fyrir 'DIN Next', 'Inter' eða 'Nunito Sans'.
- duolingo-sans — skipti: Inter · útlínur 700 · Öll gildi með þyngdargildi 700 eru notuð: hástafir í leiðsögumerkjum eru 15px (ls 0.0530em), undirfyrirsagnir eru 19px og 32px og áhersla á tengla er 13px. Sama leturgerð og aðaltextinn — sjónræni munurinn liggur í þyngdinni, ekki í leturbreytingunni. Bil milli stafa: 0.0530em fyrir hástafi í leiðsögumerkjum.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 12px |
| Hnapparadíus | 12px |
| Radíus korts | 12px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80-120px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Duolingo og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Family — Útdráttur úr ævintýri á rjómalöguðu pergamenti
- Say Briefly — Teiknibók skapandi stofnunar á rjómalituðum pappír
- Flying Papers — Játning á laugardagsmorgni teiknimynd
- Portrait — Veggur minninga, tekinn með Polaroid myndum á rjómalitað pappír. Björt, rjómalituð klippibók þar sem dökkblátt blek er eini textinn, einu uppbyggingarlínurnar og eini rammaliturinn — með einum handteiknuðum regnboga sem birtist einu sinni, á „Skrá“ hnappinum og á skáletraða orðinu „að eilífu“ og aldrei aftur.
- Karl — Þrívíddar sprettigluggamynd í stíl bókar á sólríkum degi
- Navigate — Stórt sett af límmiðum festum á spjald: stórt, groteskt letur, allt í formi spjaldtölva og fimm marglit tákn, endurtekið eins og lógó.
- Monte — Morgunn á ströndinni með ryðguðum blæ
- MotherDuck — Terminal kóðaður með litblýöntum á kremlitað pappír
- Wise Design — Neonljós markaðsbás á alþjóðlegri götu — skærgrænt skilti öskrar um troðfullan markaðinn, en fyrir aftan það birtist fágað notendaviðmót á óáberandi hátt.
- Hatch — Handteiknað samizdat-stíls mynstur blandað saman við pastellitaðar sælgætisskálar. Kremlitaður pappírsstrigi skreyttur með mintugrænum smáatriðum, konfettípunktum og pillulaga hvatningu til aðgerða, þar sem stór, feitletrað serif-letur gefur vísbendingu um skemmtun og blár lukkudýr blikkar í horninu.
- Superr — Hlý skólabók í mjúku síðdegisbirtu. Kremlitað blað, appelsínugulur tússpenni án loks og stafli af plasthúðuðum nafnlímmiðum sem bíða eftir að vera afhýddir.
- Mews — Stjórnstöð fyrir gestrisni í dögun, gegndreypt í bleiku. Hvítveggjuð, sólrík vinnusvæði þar sem djörf svört letur, hlý kremlituð kort og einn skærbleikur aðgerðahnappur skilgreina hvern skjá – leikrænt sjálfstraust frekar en hefðbundin aðhaldssemi.