Design for AI

Hover cards

Cards that react on hover: lifts, flips, reveals and border changes, each with a reduced-motion guard.

Designing for quiet interfaces

Why the best screens are the ones you barely notice, and how to get there.

Read more
C 001Quiet content

Typography audit checklist

Twelve checks before you ship a type scale.

Open checklist
C 006Media left row
New

Linen weekender bag

$120 $150

C 020Badge add to cart

Lift and glow

Rises on hover and casts a tinted shadow instead of a gray one.

C 036Tinted glow lift
01

Perspective tilt

Rotates in 3D on hover, with the badge floating above the surface.

C 037Perspective tilt

Hover to flip

Front side

Back side

Rotates 180deg on the Y axis.

C 038Hover flip
C 039Tap to flip
C 053Upload dropzone

Line numbers in errors

Every stack trace links to the file and line.

C 063Icon tile feature

Kenji Watanabe

Motion designer · Tokyo

After EffectsRiveCSS
C 068Gradient ring skills

Senior Product Designer

Oxide Labs · Remote (EU)

€90k+
Full-timeDesign systemsFigma
C 082Job listing

3 drafts

Hover to fan the pile.

C 088Fanned deck

Spotlight

A radial highlight grows from the corner on hover, no pointer tracking needed.

C 089Corner spotlight
Live

Neon edge

Layered box-shadows fake a glowing tube around the border.

C 092Neon tube edge

Whole-site look: the Kinetic / motion-first prompt. Nearby shelves: pricing cards, profile cards, image cards.