Someone else's design, rebuilt to learn how the timing works.

role: All of the build. None of the design — the layout, type and art direction are theirs, not mine.
stack: React · React Router DOM · Tailwind CSS · Framer Motion · Lenis
status: A study, not a product — labelled as one here and on the live page
see it: Open the study · Source

The cutaway

2 of 4 layers · no backend or database

Spain Collection — 2 layers (interface & motion only)fig. 03 · 2 layers · ↑↓ or click to isolate

layer 01 of 02 · interface

Reference measurement → Rebuild implementationReact + Tailwind CSS

what it is: A rebuild of Spain Collection, an Awwwards-featured site, made to learn scroll choreography from the inside rather than from a tutorial.
whose design: The layout, type and art direction are theirs, not mine. It is labelled a study here and on the live page, because that is exactly what it is.

layer 02 of 02 · motion

Scroll-linked progress interpolationFramer Motion + Lenis

scroll-linked transitions: Scrolling drives the transitions rather than triggering them.
section choreography: How each section hands off to the next.
what came out of it: A sense of how much timing work sits behind a page that feels effortless.

what the build had to work around

the design is not mine: Almost every rebuild is shown as original work. This one cannot be, because the art direction belongs to someone else — so the only honest deliverable is a study, and the only claim it makes is about the build.
timing is a performance problem first: Scroll-linked motion has to stay in step with someone who can scroll as fast as they like, which makes it a performance constraint before it is a design one.

Kept in the Studies section because it is honest about where the motion work started — and because the timing problems in it are real ones.

two more