Runway Lookbook Ecommerce
Built for Meride, the sample brand inside the template
A fashion shop whose first screen is six models standing in a line into a salt-flat haze; drag, scroll or press an arrow and the line walks toward you while the look's pieces scroll in step beside it.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
A pale salt-flat page with MERIDE spread wide across the top and SALT FLATS set in the widest cut of Anybody. Six full-length models stand one behind another from the front right into a haze off the left edge, each smaller, softer and paler than the last on a real perspective curve. Drag, scroll or press an arrow and the whole line walks: the front model grows, drifts right and fades past the camera, the others each step up a place, and the next look arrives out of the haze, looping forever. A large look number rolls over in the bottom left, and the column on the right scrolls in step, showing the front look's three pieces with photo, name, cloth, price, a save heart and an Add button, plus Add the look with its total. Left alone, the line walks one look every 4.4 seconds, with a Pause button. On a phone the line runs from the right and the pieces become a strip along the bottom that slides sideways in step.
What you get
- A tested build prompt · 9.5k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A fashion shop whose first screen is its lookbook, walked in a line. Six full-length models stand one behind another on a pale salt flat, the line running from the front right of the screen back into a soft haze on the left, each one smaller, softer and paler than the one before. Drag, scroll or press the arrow keys and the whole line walks forward: the front model grows and passes the camera, every other model steps up one place, and the next one arrives out of the haze at the back. It loops forever. A column on the right scrolls in step and shows the pieces of the look at the front, each with its photo, name, price, a save heart and an Add button, and a large look number in the bottom left rolls to the new number.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
