Skip to content

Claymorphism web design

Soft, inflated pastel shapes that squish when you press them.

A soft, toy-like landing page for a habit app: a clay phone whose habit bubbles you can tap to inflate (the progress ring follows), a loose cluster of habit bubbles, a month of tappable mint days and warm clay testimonials.

Full Website Designs

More from the components lab

Components lab

Puffy pastel clay buttons with inner highlights that deflate when pressed and re-inflate with a wobble.

Tactile Micro-Interaction Buttons

Questions, answered

What is Specimen Design?

A free library of full website designs. Every design runs live in your browser and comes with a detailed prompt you can paste into Claude to build it. Single UI components live separately, in the components lab.

How do I use a Claude prompt to design a website?

Open any design, press “Copy Claude Prompt” and paste it into Claude. You get a complete React component with Tailwind CSS and Framer Motion that you can drop into a Next.js site.

Are the designs free to use?

Yes. All designs and code are free to use in personal and commercial projects under the MIT license.

How do I make an AI-built website not look AI-generated?

Start from a clear design language instead of defaults: a deliberate typeface pairing, a strict palette with one accent, and motion with real spring physics. Every prompt here spells those choices out.

Which design styles are included?

28 design languages, including Neo-Brutalist, Bauhaus, Swiss, Japanese Minimal, Luxury Noir, Retro 70s, Memphis, Y2K, Claymorphism, Risograph, Art Deco and 8-bit.

Can you build a custom website for my business?

Yes. Use the brief form on the homepage and you will get a reply within one working day.