Claymorphism

Puffy, toy-like interfaces that look sculpted from soft modeling clay: pastel fills, huge 24–48px radii, and a triple-shadow recipe — big colored outer drop plus light-top and dark-bottom inner shadows — that inflates every card into a squeezable 3D blob. Friendly, tactile, and unapologetically cute.

Primary action

Card

Signature element

The clay shadow stack itself: a large colored outer shadow (0 35px 68px), a dark inset at the bottom edge and a bright white inset at the top, making flat rectangles read as hand-squeezed clay pillows.

Palette

bg
#f3e8ff
surface
#ffe8d9
surface-2
#d9f2e6
text
#1c398e
text-muted
#4b4d7a
accent
#5b48c2
accent-2
#ff8fab
border
#e2d4f7