A Little Motion, Built With Intent
PajamasWeb’s hero gets a little movement: two rings rotating in opposite directions around a slowly turning cube, bringing depth to the site’s geometric design.
The PajamasWeb homepage has a new detail: an animated hero illustration that brings movement to the familiar teal grid and geometric shapes.
Two elliptical rings rotate in opposite directions around a slowly turning cube, replacing the original flat diamond. The movement gives the composition depth while keeping the clean lines and restrained colors that shape the rest of the site.
The idea was to make the illustration feel alive without pulling attention away from the message. The grid and corner labels stay still, giving the moving shapes a steady frame. “MAKE IT CLEAR” remains at the center—a small reminder of how I approach the work.
The component uses CSS animation and 3D transforms to turn a simple arrangement of shapes into something more expressive.
It’s a small update, but those details are part of what makes building for the web fun: taking an idea, experimenting with it, and finding the version that feels right.