Meridian

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 nine

Longshore 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 conversation

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

Build a page like thisThe other eight

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

Demonstration page. The business is invented, the words are sample copy, and this is not work done for a client. Longshore Studio does not exist. Built by Meridian to show one technique working, and to show what it does when nothing is allowed to move.

All ninePricesNext 05

Start a conversation
Sidewinder - landing page example - Meridian