Duolingo

Paleta

Marka

• Eager Green #58cc02 — Kolor zielony służy do wyróżniania linków, tagów i krótkich fraz. Nie powinien być używany jako kolor podstawowy w wezwaniach do działania.
• Storybook Green #d7ffb8 — Delikatne akcenty na jasnych powierzchniach, subtelne odcienie tła za etykietami nawigacyjnymi w stopce.

Neutralny

• Spark Blue #1cb0f6 — Niebieski służy do wyróżniania linków, tagów i krótkich fraz. Nie powinien być używany jako kolor podstawowy w wezwaniach do działania.
• Fresh Leaf #a5ed6e — Kolor zielony służy do wyróżniania linków, tagów i krótkich fraz. Nie powinien być używany jako kolor podstawowy w wezwaniach do działania.
• Night Ink #000437 — Linki, tagi i krótkie wyróżnione frazy są podświetlone na fioletowo.
• Paper White #ffffff — Płótno strony, powierzchnie tekturowe, tekst przycisku na zielonym/ciemnym tle.
• Charcoal #4b4b4b — Nagłówki główne i tekst główny - uniwersalny ciemny tekst, który pozwala wyróżnić kolorowe nagłówki.
• Pencil Gray #777777 — Główne akapity tekstu są wyróżnione niepozornymi literami, a drugorzędny tekst opisowy zostaje schowany w tle, dzięki czemu kolorowe elementy wysuwają się na pierwszy plan.

Typografia

od 13 do 64px · 7 kroków

• feather — wymiana: Inter · wytyczne 700 · Nagłówki sekcji, takie jak „Darmowe. Zabawne. Skuteczne” i „Test z języka angielskiego Duolingo”, są wyświetlane za pomocą niestandardowej, zaokrąglonej czcionki, nadając marce zabawny, przyjazny styl przypominający maskotkę. Zastąp je czcionką „Feather Bold” lub „Nunito Black” o odpowiedniej grubości. Odstęp między literami: -0,0200 em.
• duolingo-sans — wymiana: Inter · wytyczne 500 · Główne akapity i linki nawigacyjne o szerokości 17 px/500 pikseli – geometryczny krój bezszeryfowy, który pozostaje czytelny, pozwalając grubości 700 wierszy na wyróżnienie ważnych punktów. Zastąp czcionką „DIN Next”, „Inter” lub „Nunito Sans”.
• duolingo-sans — wymiana: Inter · wytyczne 700 · Zastosowano wszystkie wartości grubości 700: wielkie litery w etykietach nawigacyjnych mają 15 px (ls 0,0530 em), podtytuły 19 px i 32 px, a wyróżnienie linków 13 px. Ta sama czcionka co w tekście głównym — różnica wizualna tkwi w grubości, a nie w zmianie czcionki. Odstępy między literami: 0,0530 em dla wielkich liter w etykietach nawigacyjnych.

Interwały i forma

Podobne style

• Family — Rozkład z bajki na kremowym pergaminie
• Say Briefly — Szkicownik agencji kreatywnej na kremowym papierze
• Flying Papers — Wyznanie w sobotni poranek – kreskówka
• Portrait — Ściana wspomnień, uchwycona polaroidami na kremowym papierze. Jasny, kremowy album, w którym ciemnoniebieski tusz stanowi jedyny tekst, jedyne linie strukturalne i jedyny kolor ramki – z pojedynczą, ręcznie narysowaną tęczą, która pojawia się raz, na przycisku „Zarejestruj” i na słowie „forever” pisanym kursywą, i nigdy więcej.
• Karl — Trójwymiarowa diorama w stylu książki typu pop-up w słoneczny dzień
• Navigate — Duży zestaw naklejek przymocowanych do tablicy: duża groteskowa czcionka, wszystkie w formie tabletek i pięć wielokolorowych ikon, powtarzających się jak logo
• Monte — Poranek na wybrzeżu z rdzawym odcieniem
• MotherDuck — Terminal zakodowany kredkami kolorowymi na kremowym papierze
• Wise Design — Neonowy stragan na globalnym targu — jaskrawozielony szyld krzyczy przez zatłoczony plac targowy, a za nim dyskretnie pojawia się dopracowany interfejs użytkownika produktu.
• Hatch — Ręcznie rysowany projekt w stylu samizdatu połączony z pastelowymi miseczkami na cukierki. Kremowe płótno ozdobione miętowymi akcentami, kropkami konfetti i wezwaniami do działania w kształcie pigułek, gdzie duża, pogrubiona czcionka szeryfowa sugeruje zabawę, a niebieska maskotka mruga w rogu.
• Superr — Ciepły zeszyt szkolny w delikatnym popołudniowym świetle. Kremowa strona, pomarańczowy marker bez skuwki i stos laminowanych naklejek z imionami czekających na odklejenie.
• Mews — Centrum kontroli gościnności o świcie, skąpane w różu. Białe ściany, słoneczne miejsce pracy, gdzie wyrazisty czarny druk, ciepłe kremowe karty i pojedynczy, jaskraworóżowy przycisk akcji definiują każdy ekran – radosna pewność siebie, a nie korporacyjna powściągliwość.