SayUI

Claymorphism

Puffy 3D color chunks with inner and outer soft shadows, toy-like.

What it feels like

Like play-doh buttons — fat corners, candy colors, soft chunks floating on their own.

Why it works

Toy energy lowers the guard for consumer products; inner/outer shadows make each piece feel pick-up-able.

How to tell AI

Claymorphism: oversized soft 3D chunks, multi-layer inner and outer soft shadows, each control its own floating color, pastel/candy palette, friendly toy feel.

Signals

  • · Oversized border-radius
  • · Multi-layer inner + outer soft shadows
  • · Each control its own floating color
  • · Playful / toy illustration energy

Don't confuse with

Neumorphism matches the background; neobrutalism is hard black edges; clay is colorful and toy-like.

Style brief

Paste into your coding agent

Visual style: Claymorphism.

Puffy 3D color chunks with inner and outer soft shadows, toy-like.

Defining signals:
- Oversized border-radius
- Multi-layer inner + outer soft shadows
- Each control its own floating color
- Playful / toy illustration energy

Do not confuse with: neumorphism, neobrutalism.
Neumorphism matches the background; neobrutalism is hard black edges; clay is colorful and toy-like.

Implementation brief:
Use claymorphism: puffy 3D soft shapes, oversized border-radius, dual inner + outer soft shadows, independently colored floating objects, playful pastel or candy colors.

Keep scope to visual language and components styling; do not redesign product information architecture unless asked.

Related patterns