Oriva — Interactive 3D Morphing Studio

Oriva is a cinematic landing page designed for creative studios, digital agencies, and technology brands. Its deep petrol background, mint tones, and lime accents create a distinctive setting for bold typography and frosted glass details.

At the center, a solid metallic 3D sculpture transforms as visitors scroll, moving through a knot, ring, rounded triangle, and infinity loop. Soft reflections and lighting give the form depth, while subtle mouse-following rotation and parallax make it feel responsive.

The responsive two-section layout includes fixed navigation, staggered text reveals, clear calls to action, and a glass capability panel. Smooth transitions connect the experience across desktop and mobile.

Built with React, TypeScript, Tailwind CSS, and Three.js, the design generates its centerpiece entirely in code—without a video background or downloaded 3D model.