Name: Dembrandt
Author: Dembrandt

Duolingo

Gamified language learning platform

Gamified progress UI

Stripe Linear Notion OpenAI Tesla Airbnb Figma Slack Uber Apple Raycast Krea AI Family Oura Nike Duolingo Arc Perplexity AI Anthropic Vercel Cursor

Observed with Dembrandt. Showing a simplified version — the full output includes button states, gradients, animations, and more. Try the CLI for complete results.

Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.

Colors

#3c3c3c

Typography

feather

hero:64px / 700

body:17px / 500

button:15px / 700

Shadows

Spacing

1px8px9.5px10px12px13px

Border Radius

12px

Button States

Quasar

Default

#1cb0f6

Hover

#1eaedb

Active

#1cb0f6

radius: 12pxpadding: 13px 16px

output.json

{
  "url": "duolingo.com",
  "colors": [
    "#3c3c3c"
  ],
  "typography": {
    "fontFamily": "feather",
    "hero": "64px / 700",
    "body": "17px / 500",
    "button": "15px / 700"
  },
  "shadows": [
    "rgb(128, 128, 128) 0px 0px 5px 0px"
  ],
  "spacing": [
    "1px",
    "8px",
    "9.5px",
    "10px",
    "12px",
    "13px"
  ],
  "borderRadius": [
    "12px"
  ],
  "buttons": {
    "default": {
      "bg": "#1cb0f6",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#1eaedb",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#1cb0f6",
      "text": "#ffffff"
    },
    "radius": "12px",
    "padding": "13px 16px",
    "framework": "Quasar"
  }
}

$npx dembrandt duolingo.com