Duolingo
Maskot kelas sing lucu ing kertas putih
Antarmuka Duolingo dirancang kaya buku gambar bocah: kanvas kertas putih, font sing lemu lan bunder, lan siji warna ijo sing sugih sing langsung nuwuhake "jawaban sing bener." Teks utama yaiku nada abu-abu sedheng sing nyenengake, saengga ijo lan aksen biru nindakake kabeh karya emosional—ijo kanggo kemajuan lan judhul, biru kanggo pranala sing bisa diklik lan tumindak tambahan. Komponen dibentuk kaya pil utawa pojok bunder sing kandel kanthi wates ireng utawa warna sing kandel, nggawe saben tombol luwih kaya stiker sing nempel ing kaca tinimbang kontrol UI sing rata.
Bagean-bagean ngisi jembar kaca kanthi lengkap lan disusun kanthi vertikal ing siji kolom, saben kolom dhuwuré kurang luwih 800 piksel. Ambane konten maksimal kira-kira 1 piksel ing tengah. Teks ing sisih kiwa lan ilustrasi ing sisih tengen silih genti, nyedhiyakake papan vertikal sing cukup (80 piksel antarane bagean). Ora ana kertu kisi utawa tata letak multi-kolom—saben bagean minangka blok teks tunggal sing dipasangake karo siji ilustrasi. Navigasi minangka bilah ndhuwur minimalis kanthi logo lan pemilih basa, sing katon minangka bilah tetep antarane bagean. Footer minangka garis ijo sing nyakup kabeh jembar kaca. Iramane yaiku editorial: judhul, paragraf, ajakan tumindak, ilustrasi, pengulangan.
Basa ilustrasi buku iki nampilake karakter maskot rong dimensi sing rata (Duet manuk hantu lan macem-macem tokoh manungsa) kanthi bentuk geometris bunder, garis ireng sing kandel, lan palet warna komplementer jambon, ungu, kuning, oranye, lan biru sing ora tau katon ing antarmuka kasebut. Ilustrasi diselehake ing jejere teks ing sisih tengen saben bagean, kanthi latar mburi putih murni, tanpa wadhah utawa latar mburi. Ora ana foto—karakter dadi konten visual. Ikonografi nggunakake garis sing kandel, cocog karo gaya maskot. Kapadhetan gambar cukup moderat: saben bagean nampilake siji ilustrasi gedhe karakter, kanthi sisa kaca dikhususake kanggo tipografi lan papan putih.
Palet
Merek
- Eager Green
#58cc02— Ijo digunakake kanggo nyorot pranala, tag, lan frasa cendhak. Ijo ora kena digunakake minangka warna utama kanggo ajakan tumindak. - Storybook Green
#d7ffb8— Sorotan alus ing lumah sing padhang, nada latar mburi sing alus ing mburi label navigasi ing footer.
Netral
- Spark Blue
#1cb0f6— Biru digunakake kanggo nyorot pranala, tag, lan frasa cendhak. Biru ora kena digunakake minangka warna utama kanggo ajakan tumindak. - Fresh Leaf
#a5ed6e— Ijo digunakake kanggo nyorot pranala, tag, lan frasa cendhak. Ijo ora kena digunakake minangka warna utama kanggo ajakan tumindak. - Night Ink
#000437— Pranala, tag, lan frasa cendhak sing disorot disorot nganggo warna ungu. - Paper White
#ffffff— Kanvas kaca, lumah karton, teks tombol ing latar mburi ijo/peteng. - Charcoal
#4b4b4b— Judhul lan Isi Teks Pahlawan - Teks peteng universal sing ngidini judhul kanthi warna katon mencolok. - Pencil Gray
#777777— Paragraf utama teks disorot nganggo aksara sing ora katon, lan teks deskriptif sekunder surut menyang latar mburi, saengga unsur-unsur sing diwernani katon luwih jelas.
Tipografi
saka 13 nganti 64px · 7 langkah
- feather — panggantos: Inter · garis besar 700 · Judhul bagean, kayata "Gratis. Nyenengake. Efektif" lan "Tes Basa Inggris Duolingo," ditampilake nggunakake font bunder khusus, menehi merek gaya sing nyenengake, ramah, lan kaya maskot. Ganti nganggo "Feather Bold" utawa "Nunito Black" kanthi bobot sing cocog. Jarak huruf: -0.0200em
- duolingo-sans — panggantos: Inter · garis besar 500 · Paragraf utama lan pranala navigasi ing 17px/500—font sans-serif geometris sing tetep bisa diwaca, saengga bobot baris 700 bisa nyorot poin-poin penting. Ganti nganggo 'DIN Next', 'Inter', utawa 'Nunito Sans'.
- duolingo-sans — panggantos: Inter · garis besar 700 · Kabeh nilai bobot-700 digunakake: huruf kapital ing label navigasi yaiku 15px (ls 0.0530em), subjudul yaiku 19px lan 32px, lan penekanan pranala yaiku 13px. Font sing padha karo teks utama—bedane visual ana ing bobot, dudu owah-owahan font. Jarak huruf: 0.0530em kanggo huruf kapital ing label navigasi.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 12px |
| Radius tombol | 12px |
| Radius kertu | 12px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 80-120px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Duolingo lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Family — Sebaran saka dongeng ing perkamen krim
- Say Briefly — Buku sketsa agensi kreatif ing kertas krim
- Flying Papers — Pangakon ing Kartun Setu Esuk
- Portrait — Tembok kenangan, direkam nganggo Polaroid ing kertas warna krem. Buku tempel warna krem sing padhang, tinta biru peteng dadi siji-sijine teks, siji-sijine garis struktur, lan siji-sijine warna pigura—kanthi pelangi sing digambar tangan sing katon sapisan, ing tombol "Register" lan ing tembung "forever" sing dicetak miring, lan ora bakal maneh.
- Karl — Diorama gaya buku pop-up 3D ing dina sing cerah
- Navigate — Sakumpulan stiker gedhe sing dipasang ing papan: font grotesque gedhe, kabeh awujud tablet lan limang ikon warna-warni, dibaleni kaya logo
- Monte — Esuk ing pesisir kanthi warna teyeng
- MotherDuck — Terminal dikode nganggo pensil warna ing kertas krem
- Wise Design — Kios pasar neon ing lurung global—pratandha ijo padhang sing nyuwara ing pasar sing rame, dene ing mburine, antarmuka panganggo produk sing apik katon kanthi ora sengaja.
- Hatch — Desain gambar tangan gaya samizdat dicampur karo mangkuk permen pastel. Kanvas kertas krem sing dihiasi aksen mint, titik-titik konfeti, lan ajakan tumindak awujud pil, ing ngendi font serif gedhe lan kandel nuduhake kesenengan, lan maskot biru ngedip ing pojok.
- Superr — Buku cathetan sekolah sing anget ing cahya sore sing alus. Kaca warna krem, spidol oranye tanpa tutup, lan tumpukan stiker jeneng laminasi sing lagi dicopot.
- Mews — Pusat kontrol perhotelan nalika subuh, kebak warna jambon. Ruang kerja berdinding putih sing kebak srengenge ing ngendi tulisan ireng sing kandel, kartu krim anget, lan tombol aksi jambon panas siji nemtokake saben layar—kapercayan sing nyenengake tinimbang pengekangan perusahaan.