duo-design

Installation
SKILL.md

Duolingo Design — Map of Content

The Duolingo design system is publicly documented at design.duolingo.com. This skill extracts the patterns (not the literal tokens) so they apply to any gamified or learning product, not just language apps.

This skill is structured as a graph: scan the descriptions below, follow only the [[wikilinks]] you need.

Motion and feeling

  • [[references/juicy-motion]] — the bouncy, slightly-overshot easing curves that make every interaction feel responsive.
  • [[references/celebration-design]] — visual grammar for "you did the thing" — confetti, scaling, character cameos.

The character layer

  • [[references/character-system]] — Duo and friends as the emotional API of the product; how to build one for any brand.

Tokens

  • [[references/color-tokens]] — the role/value split (e.g. correct-feedback vs. green-500) that lets a brand evolve without rewriting screens.
  • [[references/type-system]] — Feather Bold, weight rules, and the legibility-first hierarchy.
Related skills

More from hktitan/duolingo

Installs
3
First Seen
12 days ago