Rounded 3D-inflated shapes, pastel colors, and thick colored bottom shadows that give UI elements a clay-like physical depth. Every button feels pressable, every card feels molded. The friendly tech aesthetic used by Duolingo, wellness apps, and consumer products that want to feel approachable, rewarding, and alive.
What Is Claymorphism?
Claymorphism is a UI style where elements feel physically sculpted from soft material — inflated surfaces, thick colored bottom shadows, rounded geometry, and press animations that simulate real-world tactile depth. Every button feels pressable. Every card feels molded. The interface responds like compressed foam or silicone.
The defining feature is the zero-blur solid offset shadow:
box-shadow: 0 6px 0 0 #1D4ED8, 0 12px 20px rgba(29,78,216,0.22);
The first value — 0 6px 0 0 — is a solid offset with zero blur. It creates the illusion that the element has physical thickness and is resting on a surface. Combined with a press animation (translateY(6px) collapses the shadow to zero on click), the interaction becomes physically convincing.
The Vibe
Sculpted from clay. Lit from above. Built to be touched.
Claymorphism creates emotional softness through physical depth. The goal is not realism — it is tactile friendliness. Interfaces should feel soft, responsive, dense, rounded, and rewarding to press.
The difference between good and bad claymorphism is restraint. Good claymorphism uses depth intentionally, maintains clear hierarchy, and stays readable. Bad claymorphism overuses gradients, adds random floating blobs everywhere, crowds the layout, and loses product focus.
Who Uses This Style
Duolingo is the clearest mainstream example — large pressable buttons, rounded geometry, saturated-but-soft colors, and tactile interaction feedback. Headspace uses clay-adjacent shapes for emotional warmth. Modern no-code tools, habit trackers, education apps, and wellness products use it to reduce intimidation and increase emotional engagement.
When to Use It
Use claymorphism when your product needs emotional warmth and tactile satisfaction. Consumer apps, education, wellness, productivity for beginners, and gamified systems all benefit enormously. Avoid it for enterprise software, serious fintech, developer tooling, dense analytics, or any product where professional authority must come first.