Warm state

Built for the moment things ignite

Scroll to watch the scene and the page shift together, from a hot red opening through amber into the cooler tones below. The tint layer reads scroll position and drives both the UI accent and a hue variable you can feed straight into the Spline scene.

Keep scrolling
Cool state

And settles somewhere calmer

By the end of the scroll the palette has fully crossed over to green, matching wherever the 3D scene lands. Swap the scene URL above for your own export, and if it exposes a numeric variable, sync it to scrollProgress in the script below.

Back to top