Want this look?
Copy a prompt below and generate squishy clay UI with AI.
Design a claymorphism website. Puffy 3D "clay" surfaces — big rounded shapes with soft inner and outer shadows, a pastel violet and peach palette, and rounded Quicksand type. Soft, squishy, friendly, tactile.
Best for AI website builders — Lovable, v0, Bolt
Create a claymorphic hero: a chunky rounded clay card floating on a soft pastel background, puffy buttons with soft 3D shadows, and friendly rounded type.
Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude
Claymorph my UI: heavily round the corners, add soft layered inner and outer shadows so elements look molded from clay, and use a soft pastel palette.
Paste alongside your existing site/code for an AI coding agent to apply
Paste any prompt as-is — no edits needed. Add your own brand, copy, or images on top if you want; the prompt already works without them.
Claymorphism guide for AI coding agents: - Palette: lavender-white #EEF1FF background, periwinkle/purple #7B6CF6 accent, peach-orange #FF9F68 accent2, plus mint/candy-pink/butter-yellow supporting tones — always saturated enough to read clearly, never washed-out. - Type: Quicksand (display, rounded/friendly), Nunito (body). - Signature elements: inflated rounded forms with big corner radii, double inner shadow giving hollow clay volume, bold soft colored drop shadows lifting elements off the page, a fully saturated candy palette. - Motion: inflate / bounce — spring physics, shapes puff up and settle. Never sharp or harsh. - Never: sharp corners, flat single shadows, washed-out/grayscale palettes, snappy hard-edged motion.
Drop this into a project's instructions/skill file for a reusable reference, instead of a one-shot prompt.
The tactile illusion isn't decoration. It's the actual feature.