Live page · scroll inside

Premiumuniversity admissions · light · landing page · gsap · lenis · html

Ashcombe University

A small university's undergraduate site in stone paper, navy ink, oxblood and gold: a serif headline beside an arched-top photo of a vaulted stone archway, with counted figures; then a course explorer where faculty chips reflow a sixteen-course list with Flip and fill that faculty's buildings on an SVG campus map, while hovering a course lights its building in gold with a marker (and hovering a building lights its courses); a full-bleed library photo with a caption card and three promises; and two open-day cards.

Placeholder photos by Mathew Schwartz and Joy Armani on Unsplash. Replace them with your own before launch.

What's inside

01
Crest wordmark bar
Turns translucent after 80 px.
02
Headline beside a portrait arch photo
Headline lines rise; the photo unrolls from the bottom and settles from scale 1.1; figures count up.
03
Course explorer tied to the campus map
Choosing a faculty reflows the list with Flip (0.5 s, power2.inOut; leavers fade and scale to 0.96, arrivals fade in) and fills that faculty's buildings while others pale. Hovering or focusing a course lights its building in gold and drops a marker on it; hovering or focusing a building lights its courses; clicking a building picks its faculty.
04
Full-width library band with figures
The photo drifts up 8 % against the scroll; the caption and columns rise.
05
Two open-day cards
Cards rise in turn.
06
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…

Ashcombe University

Placeholder photos by Mathew Schwartz and Joy Armani on Unsplash. Replace them with your own before launch.

What's inside

Crest wordmark bar

Turns translucent after 80 px.

Headline beside a portrait arch photo

Headline lines rise; the photo unrolls from the bottom and settles from scale 1.1; figures count up.

Course explorer tied to the campus map

Choosing a faculty reflows the list with Flip (0.5 s, power2.inOut; leavers fade and scale to 0.96, arrivals fade in) and fills that faculty's buildings while others pale. Hovering or focusing a course lights its building in gold and drops a marker on it; hovering or focusing a building lights its courses; clicking a building picks its faculty.

Full-width library band with figures

The photo drifts up 8 % against the scroll; the caption and columns rise.

Two open-day cards

Cards 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.