Duolingo

Reference it for

• The signature pressable button: solid #58cc02 fill with a darker bottom border (box-shadow, no blur) that reads as a physical key you can push, translate-down on :active to remove the pad
• Duo Green #58cc02 as the single saturated primary that owns every CTA, the logo, and the active state
• The two-CTA stack: filled green GET STARTED over an outlined ghost 'I ALREADY HAVE AN ACCOUNT' in Sky Blue #1cb0f6 text
• Plump ultra-rounded display face (Feather) at hero scale 48-64px paired with din-round for body, weights 500 and 700 only
• Vast snow-white (#ffffff) canvas letting a single colourful illustration cluster carry all the visual weight
• Uppercase, letter-spaced button and nav labels (GET STARTED, SITE LANGUAGE) for a confident game-UI feel
• 12px radius applied uniformly across buttons, cards and inputs for a soft rounded system
• Intentionally flat elevation: no shadows anywhere except the button pad, cards sit flush on the background

Do not copy

• The Duo owl mascot and the blob-character illustration cast
• The exact Feather headline typeface (proprietary Duolingo brand face)
• The literal 'The free, fun, and effective way to learn a language!' hero line
• The full named palette (Grape Soda, Bubblegum Pink, Sunshine Yellow) as a set, it is Duolingo's specific identity
• The duolingo wordmark and green owl logo lockup