01 · Showroom
Northlight Motors
A dark showroom site that sells on light: fifteen cars, one slow reveal each.
An exhibit of motion craft
Motion Lab
60 motions, one per screen. Scroll to play.
- ScrollEach motion plays as its slide arrives.
- Hover or tapThe interactive ones answer a finger too.
- IndexJump to any motion, grouped by kind.
- PauseStop every motion at any time.
Rise in
Headline and photos rise into place one after another as the slide arrives.
Arrives on cue
Each piece lands a beat after the last.
FlowStudio 2
BagsThe ring room
HandsCoach session
Full-pass drift
Photo and headline track the scroll from the bottom edge to the top, never stopping.
Scroll-linked, end to end
It moves exactlyas far as you scroll.
Spring tilt card
A photo card leans toward your pointer or finger and springs back when you let go.
Seafront 04Orange, in daylight
Hover the card, or press it on a phone.
Hero settle
Once the photo has decoded it settles to rest; the headline and button rise in after.
Athletic club · Two clubs
Train on time.
Eight class formats, eight coaches. Your first class is free.
Type-first hero
The headline's lines rise first, then the line and the actions, then the captures.
Booking new work for spring
Websites thatfeel crafted,not assembled.
Design and build for small businesses that want to look as good as they are.
Staggered rise
A grid of tiles rises in one after another as it scrolls in, all settled by the centre.
Everything under one roof
Strength floor- 06–23Open every day
Kettlebells
Ring room- 8Class formats
Coaching- 2Clubs, one pass
- 0Joining fee
Angled wipe
Chapter titles are wiped on along one slanted edge, and wiped off the same way.
Chapter 01
Arrival
Doors at ten. Coffee on the house.
Parallax band
In a full-bleed photo band the photo travels slower than the page; the words hold.
Watch: the photo slides inside its frame, slower than the page.
Viewings by appointment
Four bays, one quiet showroom.
Plan a visitHero recede
As the hero scrolls away its photo sinks slower than the page; the words lift and soften.
Watch: as it scrolls away, the hero sinks, shrinks back and dims.
Ironside Strength Club
Train with people who notice.
Small groups, real coaching, and a floor that is never crowded.
Book a free first sessionStacking cards
Full-width cards stick in turn; each new one slides over the last, which eases back.
Selected work
Three sites, one at a time.
Watch: each card slides up over the last, which shrinks back and darkens.
02 · Gym
Ironside Strength
A gym site where the photographs move and the type holds perfectly still.
03 · Campaign
After Hours
A one-page night-drive campaign built around a single headlamp.
Sideways drift
A row of cards slides sideways about one card's width as you scroll; swiping still works.
Inside the club
Room for every kind of session.
The lifting floor
12 racks
Dumbbell wall
2.5 to 50 kg
Studio two
Yoga and mobility
The engine room
Bikes and rowers
The rig
Rings, ropes, bars
Mezzanine
Open training
Recovery room
Sauna and cold plunge
Changing rooms
Towels included
- Open 5 am to 11 pm
- Sauna
- Showers and lockers
- Recovery room
- Coached every hour
- Free first session
Photo settle
A photo rises and settles from 118% and dim to rest by the centre, then drifts on out.
Snap row
Photo cards swipe one by one with the next peeking; a thin line tracks where you are.
Classes this week
Swipe to pick your hour.
Watch: the row steps one card every two seconds until you swipe; the line below tracks where you are.
01 / 12
Device frames
A site in a browser frame and a phone frame settles into place, then they drift apart.
Shown as it ships
Northlight, on a laptop and a phone.
Watch: the phone swings in to dock against the laptop, then the two separate and drift.
Focus pull
A photo pulls into focus as it reaches the centre: a soft copy fades off the sharp one.
Rack focusSharp where you look.Watch: the photo is out of focus until it reaches the middle, then pulls sharp.
Mono to colour
A black-and-white photo warms into colour as it reaches the centre, then stays.
The recovery room
Warmth, saved for the moment it counts.
The photo arrives in black and white and warms into colour as it reaches the middle of the screen. Then it stays.
Panel reveal
A panel in the page's tone slides off a photo along a 12° angle as it arrives, once.
The rig · Level 2
Uncovered once, on arrival.
Poster to film
A still paints at once, then gives way to a muted looping film, with a visible pause.
Beaumont · 7 amThe first pour of the day.
Before and after
Drag the divider, or use the arrow keys, to compare the raw shot with the graded one.
Graded
Raw captureDrag the divider, or focus it and use the arrow keys.
Card lift
A card rises, its shadow deepens and the others step back as the pointer arrives.
Showroom · Next.jsFifteen cars, one scrollFifteen cars, a filterable lineup and a house-lights hero.
Gym · Next.jsQuiet rubberTimetable, memberships and coach pages that load in a blink.
Detailing · ConceptNight workA one-page booking flow for a studio that works after dark.
Watch: Tap or point at a card: it lifts and the others step back.
Filter reflow
Filter a grid: cards that stay glide to new places, leavers fade, newcomers fade up.
- Coupé
Barbell
Wheel
Stretch
Tourer
Kettlebell
Flank
Rings
Watch: Pick a filter: cards glide to new places, leavers fade, newcomers fade up.
Lights up
A dark frame; one angled band of light crosses it and lights the subject, then the words.
After dark
Made to be seen.
One pass of light, and the room is awake.
View the pieceWatch: one band of light crosses and wakes the photo, then the words.
Media grow
An inset photo card widens to the full stage by the centre, then keeps drifting.
One chapter, one image
Give the photograph the whole stage.
Watch: the small card below opens to full width as it reaches the middle of the screen.
Open floor
Room to lift.
Full width by the centre. The page never pins.
Mosaic drift
Four photos and a text card drift at their own speeds and click into place mid-screen.
AboutA story told in layers.Watch: each photo travels at its own speed, and they all click into place as the collage crosses the middle of the screen.
Since the first class
Built by coaches.
A small room, three coaches and a door that opens at six. Each piece of this page keeps its own pace, and they all meet in the middle.
Spotlight
A dark room lit only where your pointer or finger is; left alone, the light wanders.
The showroom
Look closer.
Watch: the light wanders the dark room. Move your pointer, or tap and drag, to steer it.
Float
A product shot and its cards rise and fall out of step, slowly, as if weightless.
Hero visual
Weightless, not restless.
A slow rise and fall on unequal cycles, so the pieces never move in step: alive, but never pulling the eye from the words.
Watch: the screen and both cards drift up and down out of step, and the shadow tightens as the screen rises.
Hero curtain
Two panels part like curtains to uncover the hero photo; then the headline and nav arrive.
Open tonight from 18:00
Dinner, slowly.
Seasonal plates and a long table by the window.
Menu reveal
Tapping Menu grows a full-screen panel out of the button; the links arrive one by one.
Hover preview
Moving over a menu floats each dish's photo beside the pointer; on a phone, tap a dish.
Tonight’s menu
Watch: move over the list. On a phone, tap a dish.
Image trail
Moving across the band leaves a short trail of photos that shrink away; on a phone, tap.
Watch: move across the band, or tap it on a phone.
Our kitchen,
in passing.
Sticky photo, changing captions
A photo holds still while captions scroll past; each one swaps the photo and the counter.
Watch: as each caption reaches the middle, the photo and the counter change.
Inside the club
Four rooms, one membership.
01The lifting floor
Twelve racks, calibrated plates, and a coach on the floor every hour.
02The ring room
Bags, pads and a full-size ring for coached boxing.
03Studio two
Yoga, mobility and breathwork in a room full of daylight.
04Recovery
A quiet bench, a sauna and a cold plunge between sessions.
History timeline
A spine draws down the page; each year pops and its photo card slides in from the side.
Watch: the spine draws as you read, and each year arrives with its photo.
Our story
Eleven years, one floor at a time.
- 2014
Two rings in a garage
Six members, one coach, and a kettle in the corner.
- 2016
The first coach hire
Boxing joins, in small groups capped at eight.
- 2018
Into the mill building
Three floors and a whole room of air bikes.
- 2020
Studio two opens
Yoga and mobility join the timetable.
- 2022
New changing rooms
Lockers, showers and a quiet bench for everyone.
- 2025
Six hundred members
Still capped at eight people a class.
Column drift gallery
An 18-photo gallery in three columns; the middle column races against the outer two.
Watch: the middle column travels against the outer two.
Gallery
A week at the club.
Coverflow
Swipe through ten photos in 3D: the centre card faces you; the rest turn away and shrink.
Watch: swipe or use the arrows; the centre card turns to face you.
Inside the club
Ten corners of the club.
Changing rooms Pad work The engine room Boxing 
Free weights Suspension Sauna Yoga Flow class Lockers
Hotspots
Numbered dots pulse once on a large photo; tap one and a short note grows out of it.
Watch: tap a numbered dot to open what is there.
The lifting floor
Bumper plates
Rubber plates from 5 to 25 kg, safe to drop.
Battle ropes
Two 15 m ropes for the conditioning finisher.
Workout boards
The day's sessions, written up before the 6 am class.
Chalk
A bucket at every platform, topped up daily.
End of the exhibit
That was 60 motions.
Every one stops when you press Pause motion, and shows its final state when your device asks for reduced motion.
Back to the top