ASHCROFT Design

About this template

Ashcroft is a one-page portfolio built for interior designers, architecture practices

and anyone whose work is photographed rather than screenshotted.

It is deliberately dark. Warm near-black, bone, clay and antique brass - a palette

chosen so that timber, plaster and linen photograph well against it, instead of the

cold blue-grey that most dark templates leave your imagery sitting in. Instrument

Serif carries the display type, Inter Tight the interface, Geist Mono the labels.

Every section is animated, and none of it is decoration for its own sake. A shutter

preloader hands the page over to a headline that reveals line by line. A statement

lights up word by word as you scroll through it. Selected work travels sideways in a

pinned gallery while each photograph drifts against its own frame. Services open into

detail while a photograph trails your cursor. A materials ribbon speeds up - and

reverses - with the direction of your scroll.

The motion is built on GSAP, Lenis and Framer Motion, each doing the job it is

actually best at, and all of it respects prefers-reduced-motion.

12 animated sections - preloader, nav, hero, statement, work gallery, materials marquee, services, studio, testimonials, FAQ, contact, footer

Pinned horizontal work gallery with per-card image parallax and a scroll progress bar

Scroll-lit statement that brightens word by word, and stays readable at every point

Cursor-trailing photograph on the services accordion, pointer devices only

Shutter preloader with a filling wordmark and a counter, once per visit

Live London clock in the header and footer, any IANA timezone

Magnetic buttons and a full-screen menu with a masked link reveal

Auto-fitting footer wordmark that meets both edges exactly, whatever you type

Film grain layer to stop large flat blacks from banding on 8-bit displays

Velocity-reactive marquee that speeds up and reverses with the scroll