Soft, puffy UI elements with a tactile, 3D clay-like appearance. Touchable, squishy, and delightfully playful.
I. Colors
Soft, approachable pastel colors create a warm and inviting atmosphere reminiscent of modeling clay.
Pink
#FFB5D8
Lavender
#D4B5FF
Mint
#B5FFD4
Peach
#FFD4B5
Sky
#B5E8FF
II. Typography
Nunito's rounded letterforms complement the soft, approachable aesthetic of claymorphism.
Display / 48px / Extra Bold
Squishy Shapes
Heading XL / 36px / Bold
Soft & Puffy
Heading LG / 24px / Semibold
Tactile Interface
Heading MD / 18px / Medium
Playful Elements
Body / 16px / Regular
Nunito features rounded terminals and a balanced structure that brings warmth and friendliness to any interface.
Small / 14px / Regular
Captions, labels, and supplementary information
III. Spacing
Generous spacing creates breathing room and emphasizes the puffy, cloud-like feel.
IV. Shapes
The foundation of claymorphism: soft, rounded shapes with inner glow and outer shadow creating a 3D, tactile appearance.
V. Buttons
Buttons feel like pressing soft clay. They lift on hover and compress on click.
VI. Form Elements
Form elements maintain the soft, tactile aesthetic while remaining functional and accessible.
VII. Cards
Cards feel like soft clay tablets, lifting gently on hover to invite interaction.
Multiple layered shadows create depth and dimension, making elements feel 3D and touchable.
Inset highlights add a subtle luminosity that enhances the puffy, inflated appearance.
Soft, muted colors evoke the feeling of colorful modeling clay or marshmallows.
Claymorphism combines the soft, organic feel of neumorphism with vibrant pastel colors. The result is a playful, tactile interface that looks like it was shaped from colorful modeling clay. Elements appear to float slightly above the surface while maintaining a soft, approachable aesthetic.
VIII. Badges
Small, pill-shaped indicators that look like tiny clay beads.