Meridian showcase 04 / 09
Demonstration page. The business is invented, the words are sample copy, and this is not work done for a client.
All nineLongshore Studio - Architecture practice
Buildings that sit down in their own landscape.
A six-person practice working on houses, small civic buildings and the occasional boathouse, mostly within an hour of the coast.
Six people
The whole practice, no associate offices
Every project is drawn by the person who visits the site. Planning drawings and construction drawings come from the same hand.
Selected work
Six projects, read across rather than down.
Scroll as usual. The row travels sideways and the rail underneath fills from the same timeline that moves it, so the two cannot disagree.
01
Saltmarsh House
A single long room facing the water, with everything else behind it.
North shore / Completed
02
Boathouse and slip
Larch, untreated, on a plinth that expects to be under water twice a year.
Estuary / Completed
03
Quarry Lane studios
Six workshops around a yard, built from the stone that came out of the site.
Town centre / On site
04
Chapel conversion
One insertion, freestanding, touching the original fabric in four places.
Inland / Completed
05
Fieldgate barn
A working barn kept working, with a house folded into one end of it.
Farmland / In planning
06
Harbour reading room
A civic room the size of a large living room, open to the quay on two sides.
Harbour / Competition
Survey
We measure it ourselves
Existing buildings are surveyed by us before anything is drawn. A survey bought from a third party is a set of assumptions with a fee attached.
01
Drawings
Drawn to be built
Construction packages are detailed to the junction. Contractors price them tighter because there is less to guess at.
02
Site
On site fortnightly
Visits are scheduled into the fee from the outset rather than charged as extras when something goes wrong.
03
Send us a location and a rough idea.
Start a conversationLongshore Studio
Send us a location and a rough idea.
A first response usually includes whether the site has a planning history worth knowing about before you spend anything.
That is where the demonstration ends. Longshore Studio is invented, so the buttons above lead here rather than anywhere. These two do work.
What you are looking at
- Technique
- Scroll-linked progress element
- Why here
- A body of work is a row, not a column. Vertical scroll drives the row sideways, and the same named timeline that moves the row fills the index rail underneath it - so the position indicator cannot drift out of step with the thing it indicates, because it is not a second calculation.
- With animation off
- The pinned layout is only declared where the timeline exists. Everywhere else the row is an ordinary horizontal scroller with snap points, and the index rail sits full rather than empty.
- view-timeline: --rail
- animation-range: contain
- scaleX progress rail
- scroll-snap fallback
Longshore Studio - The whole practice, no associate offices
Start a conversation