A soft 3D UI style

Soft. Puffy.
Squishy.

Puffy, dimensional, irresistibly squishy. A soft 3D UI style where every element looks moulded from bright, friendly clay.

scroll for the whole story

Scene 01 — The Question

How did a failed trend
get a second chance?

In 2020, neumorphism looked stunning in every mockup — soft, monochrome, barely-there shadows. In real use, buttons were nearly invisible.

Michał Malewicz, the designer who'd named neumorphism, didn't defend the failure. He diagnosed it: the contrast was the problem, not the softness.

Keep the tactile feeling. Fix the contrast. That correction is the entire origin of claymorphism.

Scene 02 — How We Got Here

From Flaw
to Feature.

2020

Neumorphism trends, then draws criticism

Soft, monochrome inset shadows look stunning in mockups but fail real accessibility contrast standards.

2020

Apple's emoji set grows rounder, glossier

A parallel 3D illustration trend primes users for 'soft 3D' before claymorphism gives it a name.

2021

Michał Malewicz champions claymorphism

The neumorphism voice pushes toward a brighter, more accessible successor rather than abandoning soft-UI entirely.

2021

Spline and Blender renders flood Dribbble

3D illustration culture supplies the exact visual language claymorphism borrows for its shapes and shadows.

2021

Clubhouse-style puffy illustrations spread

Mobile apps popularize inflated, toy-like character illustration alongside the emerging UI trend.

2022

Gen-Z fintech apps adopt clay UI

Banking products use the style specifically to feel friendly rather than corporate and intimidating.

2022

Wellness and habit apps follow

Soft clay shapes lower the perceived stakes of self-improvement interfaces.

NOW

Claymorphism as an onboarding default

The style remains a reliable choice anywhere a product needs to feel safe before it feels capable.

Scene 03 — The People

A designer who diagnosed
his own trend's failure.

Michał Malewicz had real authority to call out neumorphism's flaw — he was the voice who'd named and popularized it in the first place.

The near-invisible contrast wasn't elegant minimalism. It was a real usability failure dressed up as restraint.

Rather than retreat to flat design, the soft-UI instinct stayed — it just traded washed-out grey for saturated candy color.

Meanwhile, Apple's emoji team and Dribbble's 3D illustration artists had already trained users to expect puffy, glossy, dimensional shapes. Claymorphism borrowed that visual language wholesale.

"Keep the softness.
Fix the contrast."

Scene 04 — The Design DNA

Four Rules.
All Squeezable.

SIGNAL 01 · 3D-printed toy aesthetics

INFLATED ROUNDED FORMS

Big corner radii and bulging shapes make every card and button look pumped full of air — soft and squeezable.

SIGNAL 02 · Neumorphism's failed contrast, fixed

DOUBLE INNER SHADOW

Two inset highlights give each shape rounded, hollow 'clay' volume rather than the flat, paper-thin feel of earlier flat design.

SIGNAL 03 · Exaggerated elevation

BOLD DROP SHADOWS

Large, soft, colored shadows lift elements well off the page, far beyond flat design's near-zero elevation.

SIGNAL 04 · Neumorphism's grey, corrected

CANDY PALETTE

Bright pastels fix the contrast failure that sank claymorphism's predecessor — saturated, legible color instead of washed-out grey.

Scene 05 — The Reference Shelf

The Canonical
References

Neumorphism2020Claymorphism's direct predecessor and cautionary tale on contrast.
Apple's 3D emojiOngoingThe rounded, glossy render style that seeded the broader trend.
Spline / Blender renders2021Where the underlying 3D visual language was explored most actively.
Gen-Z fintech onboarding2022Banking apps using clay UI specifically to feel friendly, not corporate.
Wellness & habit apps2022Soft clay shapes lowering the stakes of self-improvement interfaces.

Where it works

Kids & education appsWellness & habit appsPlayful onboardingFintech for Gen-Z3D illustration sitesApp landing pages

Scene 06 — The Verdict

Touch invitation
is the actual feature.

Every inflated shape and toy-like shadow exists to lower a user's guard before they read a single word. Use it where the subject — money, health, learning — needs to feel safe first.