Duolingo

Палета

Brend

• Eager Green #58cc02 — Зелена се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.
• Storybook Green #d7ffb8 — Меки детаљи на светлим површинама, суптилни тонови позадине иза навигационих ознака у подножју.

Неутрално

• Spark Blue #1cb0f6 — Плава се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.
• Fresh Leaf #a5ed6e — Зелена се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.
• Night Ink #000437 — Линкови, ознаке и кратке истакнуте фразе су означене љубичастом бојом.
• Paper White #ffffff — Платно за страницу, картонске површине, текст дугмета на зеленој/тамној позадини.
• Charcoal #4b4b4b — Главни заглављи и текст у телу – универзални тамни текст који омогућава да се обојени наслови истакну.
• Pencil Gray #777777 — Главни пасуси текста су истакнути неупадљивим словима, а секундарни описни текст се повлачи у позадину, тако да обојени елементи долазе до изражаја.

Типографија

од 13 до 64 пиксела · 7 корака

• feather — замена: Inter · обриси 700 · Наслови одељака, као што су „Бесплатно. Забавно. Ефикасно“ и „Дуолинго тест енглеског језика“, приказани су коришћењем прилагођеног заобљеног фонта, дајући бренду његов разигран, пријатељски, стил налик маскоти. Замените са „Feather Bold“ или „Nunito Black“ одговарајуће дебљине. Размак између слова: -0,0200em
• duolingo-sans — замена: Inter · обриси 500 · Главни пасуси и линкови за навигацију су величине 17px/500 — геометријски фонт без серифа који остаје читљив, омогућавајући дебљини реда 700 да истакне важне тачке. Замените са „DIN Next“, „Inter“ или „Nunito Sans“.
• duolingo-sans — замена: Inter · обриси 700 · Користе се све вредности weight-700: велика слова у навигационим ознакама су 15px (ls 0.0530em), поднаслови су 19px и 32px, а нагласак линка је 13px. Исти фонт као и главни текст — визуелна разлика је у дебљини, а не у промени фонта. Размак између слова: 0.0530em за велика слова у навигационим ознакама.

Интервали и форма

Слични стилови

• Family — Намаз из бајке на кремастом пергаменту
• Say Briefly — Блок за скицирање креативне агенције на крем папиру
• Flying Papers — Исповест у цртаном филму суботњег јутра
• Portrait — Зид успомена, забележен полароидима на крем папиру. Светли, крем албум боје где тамноплаво мастило служи као једини текст, једине структурне линије и једина боја оквира — са једном ручно нацртаном дугом која се појављује једном, на дугмету „Региструј се“ и на курзивној речи „заувек“, и никад више.
• Karl — 3Д диорама у стилу искачуће књиге по сунчаном дану
• Navigate — Велики сет налепница причвршћених за таблу: велики гротескни фонт, све у облику таблета и пет разнобојних икона, које се понављају попут логотипа
• Monte — Јутро на обали са зарђалим нијансом
• MotherDuck — Терминал кодиран обојеним оловкама на крем папиру
• Wise Design — Неонска тезга на глобалној улици — јарко зелени знак вришти кроз препуну пијацу, док се иза њега дискретно појављује углачани кориснички интерфејс производа.
• Hatch — Ручно цртан дизајн у самиздат стилу помешан са пастелним чинијама за слаткише. Кремасто папирно платно украшено акцентима боје менте, конфетама и позивима на акцију у облику пилула, где велики, смели серифни фонт наговештава забаву, а плава маскота намигује у углу.
• Superr — Топла школска свеска у меком поподневном светлу. Крем страница боје, наранџасти маркер без поклопца и гомила пластифицираних налепница са именима које чекају да се одлепе.
• Mews — Контролни центар у угоститељству у зору, обасјан ружичастом бојом. Радни простор са белим зидовима, обасјан сунцем, где сваки екран дефинишу смела црна слова, топло кремасте картице и једно јарко ружичасто дугме за акцију – разиграно самопоуздање, а не корпоративна уздржаност.