Duolingo

Палитра

Бренд

• 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 · «Тегін. Көңілді. Тиімді» және «Duolingo ағылшын тілі сынағы» сияқты бөлім тақырыптары арнайы дөңгелектелген қаріпті пайдаланып көрсетіледі, бұл брендке ойнақы, достық, тұмар тәрізді стиль береді. Тиісті қалыңдықтағы «Қауырсын қалың» немесе «Nunito Black» қаріптерімен ауыстырыңыз. Әріптер аралығы: -0.0200em
• duolingo-sans — ауыстыру: Inter · контурлар 500 · Негізгі абзацтар мен навигация сілтемелері 17px/500 өлшемінде — 700 жол қалыңдығы маңызды мәселелерді ерекшелеуге мүмкіндік беретін, оқылатын геометриялық sans-serif қаріпі. 'DIN Next', 'Inter' немесе 'Nunito Sans' қаріпімен ауыстырыңыз.
• duolingo-sans — ауыстыру: Inter · контурлар 700 · Барлық weight-700 мәндері пайдаланылады: навигация белгілеріндегі бас әріптер 15 пиксель (ls 0.0530em), ішкі тақырыптар 19 пиксель және 32 пиксель, ал сілтеменің екпіні 13 пиксель. Негізгі мәтінмен бірдей қаріп - көрнекі айырмашылық қаріптің өзгеруінде емес, қалыңдығында. Әріптер аралығы: навигация белгілеріндегі бас әріптер үшін 0.0530em.

Аралықтары және формасы

Ұқсас стильдер

• Family — Кремді пергаментке жазылған ертегіден үзінді
• Say Briefly — Кремді қағазға жазылған шығармашылық агенттіктің эскиз кітабы
• Flying Papers — Сенбі таңертеңгі мультфильмдегі мойындау
• Portrait — Крем түсті қағазға поляроидтармен түсірілген естеліктер қабырғасы. Қою көк сия жалғыз мәтін, жалғыз құрылым сызықтары және жалғыз жақтау түсі ретінде қызмет ететін ашық, кілегей түсті альбом — «Тіркелу» түймесінде және курсивпен жазылған «мәңгілікке» сөзінде бір рет пайда болатын және ешқашан қайталанбайтын жалғыз қолмен салынған кемпірқосақ бар.
• Karl — Шуақты күндегі 3D қалқымалы кітап стиліндегі диорама
• Navigate — Тақтаға бекітілген үлкен стикерлер жиынтығы: үлкен гротеск қаріпі, барлығы планшеттер түрінде және логотип сияқты қайталанатын бес түрлі-түсті белгішелер
• Monte — Тот басқан реңкпен жағалаудағы таң
• MotherDuck — Терминал крем қағазға түрлі-түсті қарындаштармен кодталған
• Wise Design — Әлемдік көшедегі неон базарының дүңгіршегі — толы базар арқылы ашық жасыл белгі айқайлап тұр, ал оның артында жылтыратылған өнімнің пайдаланушы интерфейсі байқаусызда көрінеді.
• Hatch — Қолмен салынған, самиздат стиліндегі дизайн пастельді кәмпиттер ыдыстарымен араласқан. Жалбыз екпінімен, конфетти нүктелерімен және таблетка пішінді әрекетке шақырулармен безендірілген кремді қағаз кенеп, үлкен, қалың сериф қаріпі көңілділікті меңзейді, ал бұрышта көк тұмар көз қысады.
• Superr — Күндізгі жұмсақ жарықта жылы мектеп дәптері. Крем түсті парақ, қақпағы жоқ қызғылт сары маркер және алынуын күтіп тұрған ламинатталған есімдер жазылған жапсырмалар.
• Mews — Қызғылт түске боялған таңғы қонақжайлылықты басқару орталығы. Ақ қабырғалы, күн сәулесі түсетін жұмыс кеңістігі, онда қою қара қаріп, жылы крем түсті ашықхаттар және бір ашық қызғылт әрекет түймесі әр экранды анықтайды — корпоративтік ұстамдылықтан гөрі ойнақы сенімділік.