Live page · scroll inside

Premiumhealth/physiotherapy · light · landing page · gsap · lenis · html

Hartwell Physio

A physiotherapy clinic's site in clean white, ink, clinic green and coral: a tight three-line headline beside a ruled list of this week's free slots, a front and back body map where seven numbered hotspots (and a matching list) open a treatment panel with common problems, what the first session does and a typical course, the figure flipping about its axis when the side changes, a first visit drawn as a proportional sixty-minute bar, a patient quote and a mono price list.

What's inside

01
Mono-accented wordmark bar
Turns translucent after 80 px.
02
Headline with this-week slots
H1 lines rise from masks; slot rows rise in turn.
03
Front and back body map
Turning the figure flips it about its vertical axis (rotateY, 0.7 s) and swaps the hotspots for that side; choosing an area (in the list or on the figure) turns the figure if needed, rings the hotspot and slides the panel content in.
04
First visit as a 60-minute bar
Segments scale in from the left one after another; minute marks count up.
05
Patient pull quote
Lines rise from masks.
06
Price list
Rows rise in turn.
07
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…

Hartwell Physio

What's inside

Mono-accented wordmark bar

Turns translucent after 80 px.

Headline with this-week slots

H1 lines rise from masks; slot rows rise in turn.

Front and back body map

Turning the figure flips it about its vertical axis (rotateY, 0.7 s) and swaps the hotspots for that side; choosing an area (in the list or on the figure) turns the figure if needed, rings the hotspot and slides the panel content in.

First visit as a 60-minute bar

Segments scale in from the left one after another; minute marks count up.

Patient pull quote

Lines rise from masks.

Price list

Rows rise in turn.

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.