Astra — Interactive Particle Hero

Astra is an interactive hero section for creative studios, agencies, and portfolios. A folded copper sculpture floats against a midnight-plum background, framed by oversized typography, warm peach accents, and the headline “Ideas beyond the ordinary.”

Hover over the sculpture to disperse its surface into a wide cloud of 135,000 particles. The cloud responds to your pointer and smoothly reforms when you move away, creating a playful centerpiece for the page.

This one-shot prompt includes the complete implementation alongside precise layout, color, typography, responsive, and animation specifications. Built with HTML, CSS, JavaScript, and native WebGL, the design requires no external libraries or build step. It includes mobile layouts, reduced-motion handling, an informational dialog, and an optional ambient tone.