Duolingo
Maskot kelas anu pikaresepeun dina kertas bodas
Antarbeungeut Duolingo dirancang siga buku gambar barudak: kanvas kertas bodas, font anu montok jeung buleud, sarta hiji warna héjo anu beunghar anu langsung nimbulkeun "jawaban anu bener." Téks utama nyaéta nada kulawu tengah anu menenangkan, ngamungkinkeun héjo sareng aksen biru pikeun ngalakukeun sadaya padamelan émosional—héjo pikeun kamajuan sareng judul, biru pikeun tautan anu tiasa diklik sareng tindakan tambahan. Komponen dibentuk siga pil atanapi juru buleud anu kandel kalayan wates hideung atanapi warna anu kandel, ngajantenkeun unggal tombol langkung siga stiker anu nempel dina halaman tibatan kontrol UI anu datar.
Bagian-bagian ngeusian sakabéh lébar kaca sareng disusun sacara vertikal dina hiji kolom, masing-masing jangkungna sakitar 800 piksel. Lebar eusi maksimum sakitar 1 piksel di tengah. Téks di kénca sareng ilustrasi di katuhu silih genti, nyayogikeun rohangan vertikal anu lega (80 piksel antara bagian). Teu aya kartu grid atanapi tata letak multi-kolom—unggal bagian mangrupikeun blok téks tunggal anu dipasangkan sareng hiji ilustrasi. Navigasi mangrupikeun bilah luhur minimalis kalayan logo sareng pamilih basa, anu némbongan salaku bilah tetep antara bagian. Footer mangrupikeun belang héjo anu nutupan sakabéh lébar kaca. Wirahna nyaéta éditorial: judul, paragraf, ajakan pikeun bertindak, ilustrasi, pangulangan.
Basa ilustrasi buku ieu nampilkeun karakter maskot dua diménsi anu datar (Duet manuk hantu sareng rupa-rupa tokoh manusa) kalayan bentuk géométri buleud, garis hideung anu kandel, sareng palet warna anu saling ngalengkepan warna pink, wungu, konéng, oranyeu, sareng biru anu henteu pernah muncul dina antarmuka éta sorangan. Ilustrasi diposisikan gigireun téks di sisi katuhu unggal bagian, ngalawan latar bodas murni, tanpa wadah atanapi latar tukang. Teu aya poto — karakter-karakterna janten eusi visual. Ikonografi nganggo garis anu kandel, saluyu sareng gaya maskot. Kapadetan gambar sedeng: unggal bagian nampilkeun hiji ilustrasi ageung karakter, kalayan sésana halaman dikhususkeun pikeun tipografi sareng rohangan bodas.
Palet
Merek
- Eager Green
#58cc02— Héjo dianggo pikeun nyorot tautan, tag, sareng frasa pondok. Héjo teu kedah dianggo salaku warna utama pikeun ajakan bertindak. - Storybook Green
#d7ffb8— Sorotan lemes dina permukaan anu caang, nada latar anu lemes di tukangeun labél navigasi dina footer.
Nétral
- Spark Blue
#1cb0f6— Biru dianggo pikeun nyorot tautan, tag, sareng frasa pondok. Biru teu kedah dianggo salaku warna utama pikeun ajakan bertindak. - Fresh Leaf
#a5ed6e— Héjo dianggo pikeun nyorot tautan, tag, sareng frasa pondok. Héjo teu kedah dianggo salaku warna utama pikeun ajakan bertindak. - Night Ink
#000437— Tautan, tag, sareng frasa pondok anu disorot disorot ku warna wungu. - Paper White
#ffffff— Kanvas kaca, permukaan kardus, téks tombol dina latar héjo/poék. - Charcoal
#4b4b4b— Judul jeung Eusi Téks Pahlawan - Téks poék universal anu ngamungkinkeun judul warna nonjol. - Pencil Gray
#777777— Paragraf utama téks disorot ku hurup anu teu katingali, sareng téks deskriptif sekundér nyimpang ka tukang, supados unsur-unsur anu berwarna katingali.
Tipografi
ti 13 nepi ka 64px · 7 léngkah
- feather — panggantian: Inter · garis besar 700 · Judul bagian, sapertos "Gratis. Pikaresepeun. Éféktif" sareng "Tes Basa Inggris Duolingo," ditampilkeun nganggo font buleud khusus, masihan mérek gaya anu pikaresepeun, ramah, sareng siga maskot. Ganti ku "Feather Bold" atanapi "Nunito Black" kalayan beurat anu pas. Spasi hurup: -0.0200em
- duolingo-sans — panggantian: Inter · garis besar 500 · Paragraf utama sareng tautan navigasi dina 17px/500—hurup sans-serif géométri anu tetep tiasa dibaca, ngamungkinkeun beurat baris 700 pikeun nyorot poin-poin penting. Ganti ku 'DIN Next', 'Inter', atanapi 'Nunito Sans'.
- duolingo-sans — panggantian: Inter · garis besar 700 · Sadaya nilai weight-700 dianggo: hurup kapital dina labél navigasi nyaéta 15px (ls 0.0530em), subjudul nyaéta 19px sareng 32px, sareng penekanan tautan nyaéta 13px. Hurup anu sami sareng téks utama—bédana sacara visual aya dina beurat, sanés parobahan hurup. Spasi hurup: 0.0530em pikeun hurup kapital dina labél navigasi.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 12px |
| Radius tombol | 12px |
| Radius kartu | 12px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 80-120px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Duolingo sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Family — Sebaran tina dongéng dina perkamen krim
- Say Briefly — Buku sketsa agénsi kreatif dina kertas krim
- Flying Papers — Pangakuan dina Kartun Saptu Isuk
- Portrait — Témbok kenangan, direkam dina Polaroid dina kertas warna krem. Buku kliping warna krem anu caang dimana tinta biru poék janten hiji-hijina téks, hiji-hijina garis struktur, sareng hiji-hijina warna pigura—kalayan hiji katumbiri anu digambar ku leungeun anu muncul sakali, dina tombol "Daftar" sareng dina kecap "salamina" anu dicetak miring, sareng moal deui.
- Karl — Diorama gaya buku pop-up 3D dina poé anu cerah
- Navigate — Sakumpulan stiker ageung anu napel dina papan: font anu ageung sareng anéh, sadayana dina bentuk tablet sareng lima ikon warna-warni, diulang sapertos logo.
- Monte — Isuk-isuk di basisir kalawan warna karat
- MotherDuck — Terminal dikodekeun nganggo pensil warna dina kertas krem
- Wise Design — Kios pasar néon di jalan global—panunjuk héjo caang nu ngagorowok di sakuliah pasar nu rame, sedengkeun di tukangeunna, antarmuka pamaké produk nu rapih nembongan sacara wijaksana.
- Hatch — Desain gambar leungeun gaya samizdat dicampur jeung mangkok permen pastel. Kanvas kertas krem dihias ku aksen mint, titik-titik konfeti, jeung ajakan pikeun ngalakukeun hiji hal nu bentukna pil, dimana font serif nu badag jeung kandel nunjukkeun kasenangan, sarta maskot biru ngiceupan di juru.
- Superr — Buku catetan sakola anu haneut dina cahaya sonten anu lemes. Kaca warna krem, spidol oranyeu tanpa tutup, sareng tumpukan stiker nami anu dilaminasi anu ngantosan dikupas.
- Mews — Pusat kontrol perhotelan nalika subuh, baseuh ku warna pink. Ruang kerja anu di témbok bodas sareng disinari panonpoé dimana tulisan hideung kandel, kartu krim haneut, sareng hiji tombol aksi pink panas ngajelaskeun unggal layar—kapercayaan diri anu pikaresepeun tinimbang pengekangan perusahaan.