Clayform

High-fidelity clay

Landing pages that feel soft, premium, and alive

Digital clay with four-layer shadows, candy gradients, and bouncy micro-interactions—built for teams who want joy without sacrificing clarity.

98%

Delight score

3.2x

CTA lift

48h

Launch time

4.9

Team rating

Bento features grid

Floating Clay Cards

Four-layer shadow stacks make every surface feel molded and buoyant.

Squish Buttons

Gradient CTAs compress with inset pressed shadows on active.

Recessed Inputs

Form fields sit pressed into the clay until focus lifts them white.

Candy Gradients

Violet, pink, sky, and emerald accents keep the palette optimistic.

How the clay engine works

  1. 1

    Shape with super-rounded radii

    Premium tactile feedback at every step.

  2. 2

    Layer four shadows for depth

    Premium tactile feedback at every step.

  3. 3

    Animate blobs and hover lifts

    Premium tactile feedback at every step.

  • Rounded geometry signals safety on every screen size.
  • Glass-clay cards reveal animated ambient blobs behind content.
  • Micro-interactions lift, float, and squish with premium timing.
  • Nunito headlines paired with DM Sans body for soft hierarchy.

Clay journal

Studio

Building convex clay buttons

How four shadow layers simulate physical compression on click.

Craft

Bento grids that feel tactile

Mixing col-span spans to break uniform SaaS card walls.

Motion

Blob lighting without blur overload

Ambient shapes at 10% opacity keep backgrounds alive.

Loved by product teams

"Our product finally feels friendly without looking childish."

Lina M.

Brand Lead

"The squish interactions made onboarding demos unforgettable."

Omar P.

Product Design

"We shipped a full landing page in a weekend with this system."

Ella R.

Founder

Pricing orbs

Starter

$39/mo

  • 12 clay sections
  • Blob kit
  • Email support
  • Token export
Popular

Studio

$99/mo

  • Unlimited pages
  • Bento layouts
  • Priority support
  • Brand playbook

Team

$249/mo

  • Multi-seat workspace
  • Custom gradients
  • Workshops
  • SLA support

FAQ

Yes. Charcoal text on lavender canvas passes WCAG AA when using approved muted tones.

Get the weekly clay drop

Shadow recipes, gradient pairings, and squish timing guides—every Friday.