Live page · scroll inside

Premiumfurniture maker · light · landing page · gsap · lenis · html

Holloway

A small furniture maker's site in linen greige, espresso ink and cognac: a serif headline over a full-width living-room photo with seven hotspots (each pings once, then opens a product card beside it with price and an add-to-basket button); then a Wren sofa configurator where size cards crossfade a front-view SVG drawing, eight fabric swatches change its colour and weave texture with a cushion settle, three leg finishes recolour the legs and the price rolls; and a two-by-two grid of workshop facts.

Placeholder photos by S.Group Official on Unsplash. Replace them with your own before launch.

What's inside

01
Serif wordmark bar
Turns translucent after 80 px.
02
Headline over a shoppable room photo
Headline lines rise; the photo unrolls; each hotspot pings once in turn on first view. Opening a hotspot fades and lifts its card in (0.3 s).
03
Sofa configurator
Fabric colour crossfades over 0.5 s and its weave texture swaps; the cushions settle (scaleY 0.97 to 1, 0.5 s back.out). Size crossfades between the two drawings (0.4 s). Legs recolour over 0.4 s. The price rolls to its new value.
04
Workshop facts in three columns
Facts rise in turn; figures count.
05
Minimal footer
None.

Utility pages in the same file: 404 · Style guide · Password · Changelog

How to use it

From prompt to a live page.

01
Walk the page
The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.
02
Pick a palette
Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.
03
Pick your stack
Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.
04
Copy the prompt
It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.
05
Make it yours, then iterate
Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.

More templates

Free♥ 0

Abacus

Accountancy practice

Template

Premium♥ 0

Kittiwake Air

travel/regional airline

Template

Premium♥ 0

Laneline

sport/mobile app

Template

Free♥ 0

Beacon

Feature flags

Template

Loading…

Holloway

Placeholder photos by S.Group Official on Unsplash. Replace them with your own before launch.

What's inside

Serif wordmark bar

Turns translucent after 80 px.

Headline over a shoppable room photo

Headline lines rise; the photo unrolls; each hotspot pings once in turn on first view. Opening a hotspot fades and lifts its card in (0.3 s).

Sofa configurator

Fabric colour crossfades over 0.5 s and its weave texture swaps; the cushions settle (scaleY 0.97 to 1, 0.5 s back.out). Size crossfades between the two drawings (0.4 s). Legs recolour over 0.4 s. The price rolls to its new value.

Workshop facts in three columns

Facts rise in turn; figures count.

Minimal footer

None.

How to use it

From prompt to a live page.

Walk the page

The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.

Pick a palette

Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.

Pick your stack

Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.

Copy the prompt

It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.

Make it yours, then iterate

Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.