UI Lingo
Shortlist 0

Dopamine Design

Also called: Dopamine UI, Joycore, Dopamine Dressing

Saturated orange, hot pink and lime on warm cream — squishy blob shapes, pill buttons and bouncy micro-animations that feel like a mood boost.

“Happy brights”Bold & ExpressiveEra: 2020sPlayfulFriendlyBoldNew
Prompt builder
Open full screen ↗
dopamine-design / landingEN
dopamine-design / landingTH

Design keywords

Say these words to ask for this style.

saturated happy coloursorange pink limeblob shapespill buttonsbouncy spring motioncolour-block cardsdeep plum textoptimistic

Dopamine Design applies “dopamine dressing” to interfaces: every surface is a cheerful, fully saturated colour block — tangerine, bubblegum pink, lime, violet, sunshine yellow — set on a warm cream page with deep plum text instead of black. Shapes are soft and organic (blobs, pills, 28–44px corners), there are no hard outlines, and interactions bounce with a springy overshoot. It is optimistic rather than chaotic: one colour per card, generous spacing and big friendly type keep it readable.

Best for

  • Wellness, habit and mood-tracking apps
  • Consumer lifestyle and D2C brands
  • Kids, family and learning apps
  • Food delivery and snack brands

Avoid for

  • Banking, legal or enterprise tools
  • Luxury or minimal premium brands
  • Medical contexts that must feel calm and clinical

✓ Do

  • Give each card one solid bright in the 6-colour rotation (#FF8A4C, #FF7EB3, #C9F55B, #9D86FF, #FFD84D, #6FD3FF) with plum #2A1238 text
  • Use the 14/22/32/44px radius scale (cards 32px, big blocks 44px), pills for controls, and blob border-radius for icons and art
  • Use a spring easing (cubic-bezier(.34,1.56,.64,1)) for hover/press scale and tilt
  • Keep the page ground warm cream (#FFF5EA), not white
  • Thai display in Mitr at line-height ≥ 1.32, phrase-level nowrap spans in narrow tiles

✕ Don't

  • No black outlines or hard offset shadows
  • Don’t use muted pastels — colours must be saturated
  • Don’t use pure black text or grey UI chrome
  • Don’t animate continuously behind reading text

Not to be confused with

Neubrutalism →Neubrutalism outlines every bright tile in 3px black with a hard offset shadow; Dopamine has no outlines at all — just soft blobs, pills and plum text on saturated fills.Kawaii / Cute →Kawaii uses soft pastels, faces and mascots; Dopamine uses fully saturated brights and abstract blobs with no characters.Memphis Design →Memphis clashes pastels with black squiggles, confetti and terrazzo patterns; Dopamine is cleaner — one solid colour per block and organic blob shapes.

On mobile

Perfect fit for phones: big colour-block cards, pill chips and a floating white tab bar whose active icon sits in an orange blob. Keep the spring scale on press (0.96 → 1) but drop background blob animation to save battery.

Prompt builder

Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.

✓ Audited by agent review (3×)
Copied!