Duolingo
Maskòt klas amizan sou papye blan
Entèfas Duolingo a fèt tankou yon liv imaj pou timoun: yon twal papye blan, yon polis karaktè byen gra ak awondi, epi yon sèl koulè vèt rich ki imedyatman raple "bon repons lan". Tèks prensipal la se yon ton gri mwayen ki kalme, sa ki pèmèt vèt la ak ble aksan li fè tout travay emosyonèl la—vèt pou pwogrè ak tit, ble pou lyen ou ka klike sou yo ak aksyon adisyonèl. Konpozan yo gen fòm grenn oswa kwen epè ak awondi ak gwo fwontyè nwa oswa koulè, sa ki fè chak bouton santi l plis tankou yon fich kole sou paj la pase yon kontwòl koòdone itilizatè plat.
Seksyon yo okipe tout lajè paj la epi yo ranje vètikalman nan yon sèl kolòn, chak apeprè 800 piksèl wotè. Lajè maksimòm kontni an se apeprè 1 piksèl santre. Tèks sou bò gòch la ak ilistrasyon sou bò dwat la altène, sa ki bay ase espas vètikal (80 piksèl ant seksyon yo). Pa gen okenn kat griy oswa layout plizyè kolòn—chak seksyon se yon sèl blòk tèks ki pè ak yon sèl ilistrasyon. Navigasyon an se yon ba minimalist anlè ak yon logo ak yon selektè lang, ki parèt kòm yon ba fiks ant seksyon yo. Pye paj la se yon bann vèt ki kouvri tout lajè paj la. Ritm nan se editoryal: tit, paragraf, apèl a aksyon, ilistrasyon, repetisyon.
Langaj ilistratif liv la prezante karaktè maskòt plat, bidimensyonèl (Duet, chouèt la, ak plizyè figi imen) avèk fòm jeyometrik awondi, kontou nwa fonse, ak yon palèt koulè konplemantè woz, mov, jòn, zoranj ak ble ki pa janm parèt nan koòdone nan li menm. Ilistrasyon yo pozisyone akote tèks la sou bò dwat chak seksyon, sou yon fon blan pi, san resipyan oswa background. Pa gen foto—karaktè yo sèvi kòm kontni vizyèl la. Ikonografi a itilize kontou epè, ki konsistan avèk stil maskòt yo. Dansite imaj la modere: chak seksyon prezante yon gwo ilistrasyon karaktè a, ak rès paj la konsakre nan tipografi ak espas blan.
Palèt
Mak
- Eager Green
#58cc02— Vèt la itilize pou mete aksan sou lyen, etikèt, ak fraz kout. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Storybook Green
#d7ffb8— Aksan dou sou sifas lejè, ton sibtil nan background dèyè etikèt navigasyon yo nan pye paj la.
Netral
- Spark Blue
#1cb0f6— Yo itilize koulè ble pou mete aksan sou lyen, etikèt, ak fraz kout. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Fresh Leaf
#a5ed6e— Vèt la itilize pou mete aksan sou lyen, etikèt, ak fraz kout. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Night Ink
#000437— Lyen, etikèt, ak ti fraz make yo make an koulè mov. - Paper White
#ffffff— Kanva paj, sifas katon, tèks bouton sou yon fon vèt/nwa. - Charcoal
#4b4b4b— Tit ak Kò Tèks Ewo - Tèks nwa inivèsèl ki pèmèt tit ki gen koulè yo parèt byen klè. - Pencil Gray
#777777— Paragraf prensipal tèks yo make ak lèt ki pa twò aparan, epi tèks deskriptif segondè a ap desann nan background nan, pou eleman ki gen koulè yo vin an premye plan.
Tipografi
soti nan 13 pou rive nan 64px · 7 etap
- feather — ranplasman: Inter · plan 700 · Tit seksyon yo, tankou "Gratis. Amizan. Efikas" ak "Tès Duolingo Anglè," parèt avèk yon polis karaktè awondi pèsonalize, ki bay mak la yon stil ludik, amikal, tankou yon maskòt. Ranplase ak "Feather Bold" oswa "Nunito Black" nan epesè ki apwopriye a. Espasman lèt: -0.0200em
- duolingo-sans — ranplasman: Inter · plan 500 · Paragraf prensipal yo ak lyen navigasyon yo nan 17px/500—yon polis sans-serif jewometrik ki rete lizib, sa ki pèmèt epesè liy 700 la mete aksan sou pwen enpòtan yo. Ranplase ak 'DIN Next', 'Inter', oubyen 'Nunito Sans'.
- duolingo-sans — ranplasman: Inter · plan 700 · Tout valè pwa-700 yo itilize: lèt majiskil nan etikèt navigasyon yo se 15px (ls 0.0530em), soutit yo se 19px ak 32px, epi anfaz lyen an se 13px. Menm font ak tèks prensipal la—diferans vizyèl la se nan pwa a, pa chanjman font lan. Espasman lèt: 0.0530em pou lèt majiskil nan etikèt navigasyon yo.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 12px |
| Reyon bouton | 12px |
| Reyon kat | 12px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 80-120px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Duolingo epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Family — Yon paj ki soti nan yon istwa fe sou parchemin krèm
- Say Briefly — Kaye desen ajans kreyatif sou papye krèm
- Flying Papers — Konfesyon nan yon desen anime samdi maten
- Portrait — Yon miray souvni, kaptire nan Polaroid sou papye koulè krèm. Yon albòm foto koulè krèm klere kote lank ble fonse sèvi kòm sèl tèks, sèl liy estrikti, ak sèl koulè ankadreman—ak yon sèl lakansyèl trase alamen ki parèt yon fwa, sou bouton "Enskri" a ak sou mo "pou tout tan" an italik, epi pa janm ankò.
- Karl — Yon dyorama 3D nan style liv pop-up nan yon jou solèy
- Navigate — Yon gwo seri avek stickers tache ak yon tablo: gwo lèt grotesk, tout sou fòm tablèt ak senk ikon milti koulè, ki repete tankou yon logo.
- Monte — Maten sou kòt la ak yon koulè wouye
- MotherDuck — Tèminal kode ak kreyon koulè sou papye krèm
- Wise Design — Yon ti boutik mache neon nan yon lari mondyal—yon siy vèt klere k ap kriye nan mache ki plen moun nan, pandan ke dèyè li, yon koòdone itilizatè pwodwi byen poli parèt diskrètman.
- Hatch — Yon desen alamen, nan stil samizdat, melanje ak bòl sirèt koulè pastel. Yon twal papye krèm dekore avèk aksan mant, pwen konfeti, ak apèl a aksyon ki gen fòm grenn, kote yon gwo karaktè serif fonse fè allusion a plezi, epi yon maskòt ble fè yon siy ak je nan kwen an.
- Superr — Yon kaye lekòl cho nan limyè dous apremidi a. Yon paj koulè krèm, yon makè zoranj san bouchon, ak yon pil fich non plastifye k ap tann pou yo dekole.
- Mews — Yon sant kontwòl Ospitalite nan granmaten, benyen nan woz. Yon espas travay ak mi blan, byen klere ak solèy kote karaktè nwa fonse, kat krèm cho, ak yon sèl bouton aksyon woz cho defini chak ekran—yon konfyans ludik olye de yon kontrent antrepriz.