Claymorphism

Everything is inflated. Corners are enormous, edges are soft, and each shape looks like it was pressed out of plasticine about ten seconds ago.

Definition

Puffy, not flat

Claymorphism takes neomorphism's soft moulded surface and refuses its two joyless constraints — the monochrome page and the invisible edge. Clay shapes are brightly coloured, sit clearly on top of the background, and are inflated rather than extruded. The signature is a double inner shadow: a light one at the top and a dark one at the bottom of the same element, which makes a flat rectangle read as a rounded pillow.

It surfaced around 2021, drafting off the 3D illustration boom — the era of pastel isometric scenes and rounded low-poly characters. Its natural habitat is onboarding screens, kids' apps, fintech that would like to seem harmless, and anything that wants to feel touchable rather than technical.

The rules

How it is actually built

1
Radius past the point of reason.

Twenty-four to thirty-two pixels on a button, thirty-plus on a card. If it still looks like a rectangle you have not gone far enough.

2
Two inner shadows, opposite directions.

White inset from the top, a tinted dark inset from the bottom. That pair is the inflation. One alone just looks like a mistake.

3
Tint the drop shadow.

Never black. Take the background hue, darken it, and drop it far and soft. Grey shadows make clay look like plastic.

4
Pastels, but committed ones.

Three or four candy colours used at full strength. Washed-out pastel plus soft shadow equals mush.

5
Bouncy motion or none.

The material implies squash and stretch. An overshoot easing curve on hover is doing the same job the shadows are.

Specimen

Controls, in clay

Playful Rounded Tactile Loud

What it is good at

Lowering the stakes. Clay is the fastest way to make a form feel like it will not judge you, which is why it keeps showing up in health apps, budgeting tools and anything aimed at children. It also solves neomorphism's contrast failure outright, because the components are actually a different colour from the page.

What it is bad at

Density and seriousness. Those radii and that padding devour space, so a data table in clay is unreadable. And nobody wants their bank statement delivered on a marshmallow. It is a language for the first five screens, rarely for the hundredth.

The other eight