Catalogue / Plate 01← All plates
One scroll, no seams
A bakery told in one scroll, where nothing finishes before the next thing begins.
Scroll, or press play.
Four ingredients.
Nothing hurried.
Sampleton Bread Co.
Bread, slowly.
Mix
Flour, water and salt, folded by hand.
Rest
Eighteen hours in the cold while we sleep.
Shape
One loaf at a time, never a tray at a time.
Bake
Out of the oven at seven.
Open at seven.
Sampleton Bread Co. Bake days are Tuesday to Saturday. Order by Monday night for Tuesday.
Remake it
Build one interactive web page: A bakery told in one continuous scroll: a loaf shrinks to reveal moving type, a line draws across and becomes the bar under the next sentence, the ground slides from dark to cream, drawn loaves rise past, four steps slide through, and a curtain climbs with the loaf rising over it as the sun. Nothing finishes before the next thing has begun. Set it on an invented business called Sampleton, with its own drawn or generated pictures and no one else's files. It suits: A story with an order to it (a process, a journey, a year) where every step should pull the visitor to the next. Brands that sell craft, atmosphere or a way of working. Do not let it fail the way this kind of piece usually does: Dead air: a stretch of scroll where nothing moves, which is where visitors stop. Here the scenes overlap, something is always drifting, and a progress tick shows where you are. Reduced motion stops the drift and offers the scenes as buttons. It must work with the keyboard, on a phone, with reduced motion respected and no text under 12px. Tell me which libraries you chose and why.
Notes: when it suits, when it does not, how it fails
- When it suits
- A story with an order to it (a process, a journey, a year) where every step should pull the visitor to the next. Brands that sell craft, atmosphere or a way of working.
- When it does not
- Pages people use in a hurry, anything the visitor must reach quickly (prices, opening hours, a phone number), and long content that needs skimming.
- How it fails
- Dead air: a stretch of scroll where nothing moves, which is where visitors stop. Here the scenes overlap, something is always drifting, and a progress tick shows where you are. Reduced motion stops the drift and offers the scenes as buttons.
Measured on: landonorris.com · the whole scroll. Built from scratch for an invented business; nothing here comes from the site studied.