Surface & depth Illustrative reference Copy-ready LLM prompt

Claymorphism

Soft inflated forms, saturated pastels, and directional shadows create playful volumetric components.

Original pastel project planner with inflated cards, soft volume, rounded blobs, and tactile buttons.
Original illustrative recreation—not a generated result or proprietary product screenshot. Original HTML/CSS illustration

Copy-ready LLM prompt

Claymorphism: Copy-ready LLM prompt

Use this as a starting brief, then adapt the content, brand, and interaction requirements for your project.

Create a claymorphic product interface with rounded volumetric forms, saturated pastel surfaces, soft directional shadows, and playful but disciplined spacing. Keep text crisp and controls unmistakable, use borders or labels when depth is ambiguous, and define pressed, focus, disabled, error, loading, reduced-motion, and reduced-decoration states. Preserve a straightforward mobile hierarchy.

Recognition traits

How to recognize this style

Soft inflated forms, saturated pastels, and directional shadows create playful volumetric components.

  1. 01 Inflated forms
  2. 02 Saturated pastels
  3. 03 Soft volume
  4. 04 Playful depth