The tide and the shore

On giving decoration a job

Type
Note
Published
2026-06-11
Reading time
2 min · 400 words
Source
vault

The first time I shipped this site I gave it a wave at the bottom of every page — a slow, three-layered swell in cyan and cobalt that drifted whether or not you were looking. It was decorative, and I loved it, and after a while I started to wonder what it was for. This note is about giving it a job.

A reading page has exactly one job: get out of the way. Everything I add has to earn the attention it borrows. So I asked a smaller question first — what does a reader actually need at the top of an article? Usually the answer is "less than you think."

Put the metadata on a leash

Dates, tags, reading time, source — useful, occasionally. Permanent, never. I moved all of it behind a single chevron in the masthead. Closed by default; one tap reveals the full grid. The title gets to be the loudest thing on the page, which is how it should be.

The best interface for metadata is the one you don't see until you reach for it.

What lives in the panel

  • Published and last-updated dates, pulled straight from frontmatter
  • Reading time and word count, computed at build
  • Source label — vault or turso — handy when previewing drafts

Make the page a sheet

The reading column now sits on a raised surface — a hair lighter than the background, with a soft shadow and a faint lit edge. The effect is subtle on purpose: it says this is the thing to read without shouting. Around it, the page dims and the header slips away the instant you scroll.

  1. Lift the column onto a slightly lighter card with a large, soft shadow.
  2. Darken the page margins with a radial wash.
  3. Auto-hide the header so the sheet owns the viewport.

What the wave is for now

Here's the part I'm happiest about. The wave stays almost flat while you read — a thin line of tide at the very bottom, barely there. But as you approach the end of the piece, it rises, exactly like it does on the home page when you hit the bottom. Finishing an article now feels like reaching the shore.

It stopped being decoration and became a progress signal with a feeling attached. Same motif, new meaning. Scroll to the end and watch it come up to meet you.

end