Scroll world - sequential scene narrative

The prompt that produced this. Re-run it to generate more in the same taste.

Aesthetic

cold architecture - nocturnal, cobalt-accented, full-bleed, oversized display type, one route colour, unhurried

Reference

vault-services scroll world, six-scene guided route

Intent

walk a cautious reader through a service one committed screen at a time, so the sequence explains the process before any form asks them for anything

Guardrails

always let the scrim carry legibility, so any backdrop can sit behind the copy, number the scenes so the reader knows how much route is left, keep the display line to about eleven characters wide, move the copy to the bottom on narrow screens, not the side

never require motion or video for the sequence to make sense, let a scene run past one viewport height, put more than one call to action in a single scene, use the accent colour for anything but the route

pnpm dlx shadcn@latest add http://localhost:3040/r/vault-scroll-world.json

Meta block and library type import stripped - this is what pastes cleanly elsewhere.

'use client'

import { ScrollWorld } from './scroll-world'

export default function VaultScrollWorld() {
  return <ScrollWorld />
}