Duolingo
Maskot tal-klassi ferrieħa fuq karta bajda
L-interfaċċja ta' Duolingo hija ddisinjata bħal ktieb bl-istampi tat-tfal: kanvas abjad tal-karta, font mimli u tond, u kulur aħdar wieħed u għani li immedjatament iqanqal it-"tweġiba korretta." It-test ewlieni huwa f'toni griżi medji rilassanti, li jippermettu lill-aħdar u l-blu aċċentwat tiegħu jagħmlu x-xogħol emozzjonali kollu—aħdar għall-progress u t-titoli, blu għal links li jistgħu jiġu kklikkjati u azzjonijiet addizzjonali. Il-komponenti għandhom il-forma ta' pilloli jew kantunieri goffi u tondi b'borduri ħoxnin suwed jew ikkuluriti, li jagħmlu kull buttuna tħossha aktar bħal stiker imwaħħal mal-paġna milli kontroll ċatt tal-UI.
It-taqsimiet jokkupaw il-wisa’ kollha tal-paġna u huma rranġati vertikalment f’kolonna waħda, kull waħda għolja madwar 800 pixel. Il-wisa’ massima tal-kontenut hija ċċentrata madwar pixel wieħed. It-test fuq ix-xellug u l-illustrazzjonijiet fuq il-lemin jalternaw, u jipprovdu spazju vertikali abbundanti (80 pixel bejn it-taqsimiet). M’hemm l-ebda grid cards jew layouts b’ħafna kolonni—kull taqsima hija blokka ta’ test waħda mqabbla ma’ illustrazzjoni waħda. In-navigazzjoni hija bar minimalista ta’ fuq b’logo u selettur tal-lingwa, li jidher bħala bar fiss bejn it-taqsimiet. Il-footer huwa strixxa ħadra li tkopri l-wisa’ kollha tal-paġna. Ir-ritmu huwa editorjali: intestatura, paragrafu, sejħa għall-azzjoni, illustrazzjoni, ripetizzjoni.
Il-lingwaġġ illustrattiv tal-ktieb jinkludi karattri maskoti ċatti u bidimensjonali (Duet il-kokka u diversi figuri umani) b'forom ġeometriċi ttundjati, kontorni suwed qawwija, u paletta ta' kuluri komplementari ta' roża, vjola, isfar, oranġjo, u blu li qatt ma tidher fl-interfaċċja nnifisha. L-illustrazzjonijiet huma pożizzjonati ħdejn it-test fuq in-naħa tal-lemin ta' kull taqsima, fuq sfond abjad pur, mingħajr kontenituri jew sfondi. M'hemm l-ebda ritratti—il-karattri jservu bħala l-kontenut viżwali. L-ikonografija tuża kontorni ħoxnin, konsistenti mal-istil tal-maskoti. Id-densità tal-immaġni hija moderata: kull taqsima fiha illustrazzjoni waħda kbira tal-karattru, bil-bqija tal-paġna ddedikata għat-tipografija u l-ispazju abjad.
Paletta
Marka
- Eager Green
#58cc02— L-aħdar jintuża biex jenfasizza links, tags, u frażijiet qosra. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni. - Storybook Green
#d7ffb8— Punti ewlenin rotob fuq uċuħ ħfief, toni sottili fl-isfond wara t-tikketti tan-navigazzjoni fil-footer.
Newtrali
- Spark Blue
#1cb0f6— Il-blu jintuża biex jenfasizza links, tags, u frażijiet qosra. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni. - Fresh Leaf
#a5ed6e— L-aħdar jintuża biex jenfasizza links, tags, u frażijiet qosra. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni. - Night Ink
#000437— Links, tags, u frażijiet qosra enfasizzati huma enfasizzati bil-vjola. - Paper White
#ffffff— Kanvas tal-paġna, uċuħ tal-kartun, test tal-buttuni fuq sfond aħdar/skur. - Charcoal
#4b4b4b— Intestaturi u Korp tat-Test Eroj - Test skur universali li jippermetti li l-intestaturi kkuluriti jispikkaw. - Pencil Gray
#777777— Il-paragrafi ewlenin tat-test huma enfasizzati b'ittri li ma jidhrux, u t-test deskrittiv sekondarju jirtira fl-isfond, sabiex l-elementi kkuluriti joħorġu fil-wiċċ.
Tipografija
minn 13 sa 64px · 7 passi
- feather — sostituzzjoni: Inter · linji gwida 700 · It-titoli tas-sezzjonijiet, bħal "B'xejn. Divertenti. Effettiv" u "Test tal-Ingliż Duolingo," jintwerew bl-użu ta' font tond apposta, li jagħti lill-marka l-istil ferrieħi, amikevoli, u simili għal dak ta' maskota. Ibdel b'"Feather Bold" jew "Nunito Black" fil-piż xieraq. Spazju bejn l-ittri: -0.0200em
- duolingo-sans — sostituzzjoni: Inter · linji gwida 500 · Paragrafi ewlenin u links ta' navigazzjoni b'daqs ta' 17px/500—font sans-serif ġeometriku li jibqa' leġġibbli, u li jippermetti li l-piż tal-linja ta' 700 jenfasizza punti importanti. Ibdel b''DIN Next', 'Inter', jew 'Nunito Sans'.
- duolingo-sans — sostituzzjoni: Inter · linji gwida 700 · Il-valuri kollha ta' weight-700 jintużaw: l-ittri kapitali fit-tikketti tan-navigazzjoni huma 15px (ls 0.0530em), is-sottotitoli huma 19px u 32px, u l-enfasi tal-link hija 13px. L-istess font bħat-test prinċipali—id-differenza viżwali hija fil-piż, mhux fil-bidla tat-tipa. Spazju bejn l-ittri: 0.0530em għal ittri kapitali fit-tikketti tan-navigazzjoni.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 12px |
| Raġġ tal-karta | 12px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 80-120px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Duolingo u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Family — Firxa minn ħrafa fuq parċmina krema
- Say Briefly — Sketchbook tal-aġenzija kreattiva fuq karta krema
- Flying Papers — Konfessjoni f'Kartun tas-Sibt Filgħodu
- Portrait — Ħajt ta’ memorji, maqbudin f’Polaroids fuq karta ta’ lewn krema. Scrapbook ta’ lewn krema jgħajjat fejn il-linka blu skura sservi bħala l-uniku test, l-uniċi linji tal-istruttura, u l-uniku kulur tal-qafas—b’qawsalla waħda mfassla bl-idejn li tidher darba, fuq il-buttuna “Reġistra” u fuq il-kelma bil-korsiv “għal dejjem”, u qatt aktar.
- Karl — Diorama stil ktieb pop-up 3D f'ġurnata xemxija
- Navigate — Sett kbir ta’ stikers imwaħħlin ma’ bord: font kbir u grotesk, kollu fil-forma ta’ pilloli u ħames ikoni b’ħafna kuluri, li jirrepetu ruħhom bħal logo
- Monte — Filgħodu fuq il-kosta b'lewn sadid
- MotherDuck — Terminal ikkodifikat b'lapsijiet ikkuluriti fuq karta krema
- Wise Design — Stalla tas-suq tan-neon fi triq globali—sinjal aħdar jgħajjat jgħajjat fis-suq iffullat, filwaqt li warajh, interfaċċja tal-utent tal-prodott illustrata tidher diskreta.
- Hatch — Disinn imfassal bl-idejn, fl-istil samizdat, imħallat ma’ bwieqi tal-ħelu pastel. Tila tal-karta kremuża mżejna b’aċċenti ta’ menta, tikek tal-konfetti, u sejħiet għall-azzjoni f’forma ta’ pillola, fejn font serif kbir u qawwi jagħti ħjiel ta’ gost, u maskota blu tgħammix fil-kantuniera.
- Superr — Notebook tal-iskola sħun fid-dawl artab ta’ waranofsinhar. Paġna ta’ lewn il-krema, marker oranġjo mingħajr għatu, u munzell ta’ stikers tal-ismijiet laminati jistennew li jitneħħew.
- Mews — Ċentru ta' kontroll tal-ospitalità mas-sebħ, imxarrab bir-roża. Spazju tax-xogħol b'ħitan bojod u mdawwal mix-xemx fejn it-tipa sewda qawwija, karti krema sħan, u buttuna waħda ta' azzjoni roża jgħajjat jiddefinixxu kull skrin—kunfidenza umoristika aktar milli trażżin korporattiv.