{
  "$description": "Duolingo brand tokens from unfairly.ai/brand-guidelines/duolingo, checked 2026-10-29. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.969,
          0.969
        ],
        "hex": "#f7f7f7"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.294,
          0.294,
          0.294
        ],
        "hex": "#4b4b4b"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.467,
          0.467,
          0.467
        ],
        "hex": "#777777"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.345,
          0.8,
          0.008
        ],
        "hex": "#58cc02"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.69,
          0.965
        ],
        "hex": "#1cb0f6"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.059,
          0.243
        ],
        "hex": "#100f3e"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "feather-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.345,
          0.8,
          0.008
        ],
        "hex": "#58cc02"
      }
    },
    "mask-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.537,
          0.886,
          0.098
        ],
        "hex": "#89e219"
      }
    },
    "eel": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.294,
          0.294,
          0.294
        ],
        "hex": "#4b4b4b"
      }
    },
    "snow": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "macaw": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.69,
          0.965
        ],
        "hex": "#1cb0f6"
      }
    },
    "cardinal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.294,
          0.294
        ],
        "hex": "#ff4b4b"
      }
    },
    "bee": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.784,
          0
        ],
        "hex": "#ffc800"
      }
    },
    "fox": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.588,
          0
        ],
        "hex": "#ff9600"
      }
    },
    "beetle": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.808,
          0.51,
          1
        ],
        "hex": "#ce82ff"
      }
    },
    "humpback": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.169,
          0.439,
          0.788
        ],
        "hex": "#2b70c9"
      }
    },
    "wolf": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.467,
          0.467,
          0.467
        ],
        "hex": "#777777"
      }
    },
    "hare": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.686,
          0.686,
          0.686
        ],
        "hex": "#afafaf"
      }
    },
    "swan": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.898,
          0.898,
          0.898
        ],
        "hex": "#e5e5e5"
      }
    },
    "polar": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.969,
          0.969,
          0.969
        ],
        "hex": "#f7f7f7"
      }
    },
    "wing-overlay": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.263,
          0.753,
          0
        ],
        "hex": "#43c000"
      }
    },
    "beak-inner": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.714,
          0.431,
          0.157
        ],
        "hex": "#b66e28"
      }
    },
    "beak-lower-feet": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.957,
          0.565,
          0
        ],
        "hex": "#f49000"
      }
    },
    "beak-upper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.761,
          0
        ],
        "hex": "#ffc200"
      }
    },
    "beak-highlight": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.871,
          0
        ],
        "hex": "#ffde00"
      }
    },
    "tongue-pink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.792,
          1
        ],
        "hex": "#ffcaff"
      }
    },
    "squid": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.89,
          0.89
        ],
        "hex": "#ebe3e3"
      }
    },
    "walking-fish": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.875,
          0.878
        ],
        "hex": "#ffdfe0"
      }
    },
    "flamingo": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.698,
          0.698
        ],
        "hex": "#ffb2b2"
      }
    },
    "pig": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.961,
          0.643,
          0.643
        ],
        "hex": "#f5a4a4"
      }
    },
    "crab": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.471,
          0.471
        ],
        "hex": "#ff7878"
      }
    },
    "fire-ant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.918,
          0.169,
          0.169
        ],
        "hex": "#ea2b2b"
      }
    },
    "canary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.961,
          0.827
        ],
        "hex": "#fff5d3"
      }
    },
    "duck": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.984,
          0.898,
          0.427
        ],
        "hex": "#fbe56d"
      }
    },
    "lion": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.694,
          0
        ],
        "hex": "#ffb100"
      }
    },
    "cheetah": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.808,
          0.557
        ],
        "hex": "#ffce8e"
      }
    },
    "monkey": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.898,
          0.635,
          0.349
        ],
        "hex": "#e5a259"
      }
    },
    "camel": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.906,
          0.651,
          0.004
        ],
        "hex": "#e7a601"
      }
    },
    "guinea-pig": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.804,
          0.475,
          0
        ],
        "hex": "#cd7900"
      }
    },
    "grizzly": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.647,
          0.4,
          0.267
        ],
        "hex": "#a56644"
      }
    },
    "sea-sponge": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.843,
          1,
          0.722
        ],
        "hex": "#d7ffb8"
      }
    },
    "turtle": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.647,
          0.929,
          0.431
        ],
        "hex": "#a5ed6e"
      }
    },
    "tree-frog": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.345,
          0.655,
          0
        ],
        "hex": "#58a700"
      }
    },
    "iguana": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.867,
          0.957,
          1
        ],
        "hex": "#ddf4ff"
      }
    },
    "anchovy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.824,
          0.894,
          0.91
        ],
        "hex": "#d2e4e8"
      }
    },
    "beluga": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.733,
          0.949,
          1
        ],
        "hex": "#bbf2ff"
      }
    },
    "moon-jelly": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.478,
          0.941,
          0.949
        ],
        "hex": "#7af0f2"
      }
    },
    "blue-jay": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.518,
          0.847,
          1
        ],
        "hex": "#84d8ff"
      }
    },
    "whale": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.094,
          0.6,
          0.839
        ],
        "hex": "#1899d6"
      }
    },
    "narwhal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.078,
          0.325,
          0.639
        ],
        "hex": "#1453a3"
      }
    },
    "starfish": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.667,
          0.871
        ],
        "hex": "#ffaade"
      }
    },
    "betta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.565,
          0.412,
          0.804
        ],
        "hex": "#9069cd"
      }
    },
    "butterfly": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.435,
          0.306,
          0.631
        ],
        "hex": "#6f4ea1"
      }
    },
    "owl-illustration-name-for-feather-green": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.345,
          0.8,
          0.008
        ],
        "hex": "#58cc02"
      }
    },
    "anytime-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.173,
          0.376
        ],
        "hex": "#042c60"
      }
    },
    "super-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.063,
          0.059,
          0.243
        ],
        "hex": "#100f3e"
      }
    },
    "super-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.016,
          0.216
        ],
        "hex": "#000437"
      }
    },
    "black": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0,
          0
        ],
        "hex": "#000000"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.345,
          0.8,
          0.008
        ],
        "hex": "#58cc02"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-outline-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.69,
          0.965
        ],
        "hex": "#1cb0f6"
      }
    },
    "button-on-dark-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.016,
          0.216
        ],
        "hex": "#000437"
      }
    },
    "app-badge-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "app-badge-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.294,
          0.294,
          0.294
        ],
        "hex": "#4b4b4b"
      }
    },
    "course-chip-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.467,
          0.467,
          0.467
        ],
        "hex": "#777777"
      }
    },
    "nav-language-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.686,
          0.686,
          0.686
        ],
        "hex": "#afafaf"
      }
    },
    "footer-link-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.647,
          0.929,
          0.431
        ],
        "hex": "#a5ed6e"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Mochiy Pop P One",
        "Nunito",
        "system-ui",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "feather"
      ],
      "$description": "Duolingo's own face (Proprietary and bespoke to Duolingo; not licensable. The guide publishes Nunito as its substitute for print and documents.). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Baloo 2",
        "Nunito",
        "system-ui",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "duolingo-sans"
      ],
      "$description": "Duolingo's own face (DIN Next Rounded: commercial licence (Monotype). duolingo-sans: Duolingo's own web face, not licensable. Nunito is the guide's published substitute.). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 56.5,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.416,
        "letterSpacing": {
          "value": -1.13,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Mochiy Pop P One",
          "provenance": "observed"
        }
      }
    },
    "display-l": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 42.5,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.412,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Mochiy Pop P One",
          "provenance": "observed"
        }
      }
    },
    "hero": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.375,
        "letterSpacing": {
          "value": -0.4,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 475,
        "lineHeight": 1.41,
        "letterSpacing": {
          "value": -0.25,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 17,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.33,
        "letterSpacing": {
          "value": 0.5,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 15,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "badge": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.18,
        "letterSpacing": {
          "value": -0.34,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 17,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "footer-head": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 19,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": -0.38,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 19,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "footer-link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.47,
        "letterSpacing": {
          "value": -0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 15,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    },
    "footer-lang": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 650,
        "lineHeight": 1.23,
        "letterSpacing": {
          "value": -0.26,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 13,
          "family": "Baloo 2",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 226,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 15,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 988,
        "unit": "px"
      }
    },
    "hero-text-max": {
      "$type": "dimension",
      "$value": {
        "value": 480,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 70,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 101,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "button-outline": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "button-on-dark": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "app-badge": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    }
  },
  "motion": {
    "sticky-nav-reveal-easing": {
      "$type": "cubicBezier",
      "$value": [
        0.22,
        1,
        0.36,
        1
      ]
    },
    "sticky-nav-reveal-duration": {
      "$type": "duration",
      "$value": {
        "value": 400,
        "unit": "ms"
      }
    }
  }
}