luckiest-co 1.0.13 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/.claude-plugin/marketplace.json +1 -1
  2. package/.claude-plugin/plugin.json +1 -1
  3. package/package.json +1 -1
  4. package/skills/luckiest-design-website/ATTRIBUTION.md +38 -0
  5. package/skills/luckiest-design-website/CHANGELOG.md +104 -0
  6. package/skills/luckiest-design-website/LICENSE +21 -0
  7. package/skills/luckiest-design-website/SKILL.md +372 -0
  8. package/skills/luckiest-design-website/UPSTREAM-CHANGELOG.md +526 -0
  9. package/skills/luckiest-design-website/engine/scrollcraft.css +432 -0
  10. package/skills/luckiest-design-website/engine/scrollcraft.js +1167 -0
  11. package/skills/luckiest-design-website/evals/evals.json +33 -0
  12. package/skills/luckiest-design-website/references/assets.md +286 -0
  13. package/skills/luckiest-design-website/references/device-diag.html +214 -0
  14. package/skills/luckiest-design-website/references/devices.md +466 -0
  15. package/skills/luckiest-design-website/references/feel.md +277 -0
  16. package/skills/luckiest-design-website/references/registry-examples.md +305 -0
  17. package/skills/luckiest-design-website/references/taste.md +304 -0
  18. package/skills/luckiest-design-website/references/template.html +138 -0
  19. package/skills/luckiest-design-website/references/uniqueness.md +480 -0
  20. package/skills/luckiest-design-website/references/verify.md +381 -0
  21. package/skills/luckiest-design-website/references/worldflight.md +349 -0
  22. package/skills/luckiest-design-website/references/worlds.md +178 -0
  23. package/skills/luckiest-design-website/scripts/doctor.mjs +177 -0
  24. package/skills/luckiest-design-website/scripts/encode.sh +80 -0
  25. package/skills/luckiest-design-website/scripts/kie.mjs +202 -0
  26. package/skills/luckiest-design-website/scripts/serve.mjs +52 -0
  27. package/skills/luckiest-design-website/scripts/shoot.mjs +644 -0
  28. package/skills/luckiest-design-website/scripts/workspace.mjs +106 -0
  29. package/skills/luckiest-design-website/scripts/worldflight-assert.mjs +273 -0
  30. package/skills/luckiest-design-website/templates/FINGERPRINTS.md +65 -0
@@ -0,0 +1,277 @@
1
+ # The emotion axis
2
+
3
+ A page is not sections. It is a sequence of states a person passes through with
4
+ their hand on a wheel. The device kit decides how a page looks, the grammar
5
+ decides what a page is, and this file decides what it does to somebody.
6
+
7
+ Design the feeling before the acts. An act list written first will always be a
8
+ list of things that happen, and a page of things happening is a page nobody can
9
+ describe afterwards.
10
+
11
+ Read this after the interview, alongside [uniqueness.md](uniqueness.md), before
12
+ the score table in SKILL.md Step 2.
13
+
14
+ ---
15
+
16
+ ## 1. The feeling curve
17
+
18
+ Write the curve as its own artifact, in BRIEF.md, before a single act exists.
19
+ One line per act: the emotion, then the thing on screen that causes it.
20
+
21
+ The emotion column is the constraint. The cause column is the only place a
22
+ device name may appear, and it appears second, because the feeling picks the
23
+ device and never the other way round.
24
+
25
+ Useful states, not a closed list: curiosity, recognition, unease, doubt,
26
+ tension, awe, delight, relief, intimacy, confidence, resolve, calm.
27
+
28
+ **If two adjacent acts produce the same feeling, one of them is filler.** Cut it
29
+ or change what it does. Two acts of awe in a row is one act of awe followed by a
30
+ reader who has adjusted. Every emotion is defined by what preceded it, which is
31
+ why the curve matters more than any single peak: relief needs tension in front
32
+ of it, awe needs quiet in front of it, intimacy needs scale in front of it.
33
+
34
+ The curve also outranks the journey beats from Step 1. Beats say what the
35
+ visitor learns. The curve says what they feel while learning it. When they
36
+ disagree, the curve wins, because nobody remembers what they learned on a page
37
+ that made them feel nothing.
38
+
39
+ ### Worked curve: a canned drink brand
40
+
41
+ ```
42
+ 1 Recognition their own kitchen counter at 7am, shot at eye height
43
+ 2 Fatigue the two containers, the mess, held still while copy names it
44
+ 3 Delight a wipe, and the whole frame is one cold can, condensation running
45
+ 4 Trust macro texture at a scale the eye cannot get in a shop
46
+ 5 Appetite the flavours travelling sideways, each one landing whole
47
+ 6 Resolve everything stops, one can, one line, one place to buy it
48
+ ```
49
+
50
+ ### Worked curve: an infrastructure product for engineers
51
+
52
+ ```
53
+ 1 Familiar dread the alert channel at 3am, real markup, already scrolling
54
+ 2 Doubt the log fills and nothing in it explains anything
55
+ 3 Clarity one panel resolves the whole trace, the noise falls away
56
+ 4 Control the visitor moves a selection and the surface answers
57
+ 5 Competence the real numbers arrive on telemetry they can check
58
+ 6 Readiness a live input with a cursor in it, not a button
59
+ ```
60
+
61
+ ### Worked curve: a landscape design-build firm
62
+
63
+ ```
64
+ 1 Stillness a garden at dawn, almost nothing moving, held long
65
+ 2 Longing copy naming the space they actually have, small and honest
66
+ 3 Curiosity the drawing builds itself, survey to plan to planting
67
+ 4 Weight material facts as museum labels, stone, cedar, water
68
+ 5 Warmth the same garden five years on, people in it
69
+ 6 Intent a quiet line of running text, not a CTA island
70
+ ```
71
+
72
+ ### Worked curve: a live event or festival brand
73
+
74
+ ```
75
+ 1 Pulse a cut before the reader has settled, sound implied not played
76
+ 2 Appetite faces, close, one per screen, gone
77
+ 3 Envy the year before, at speed, twelve cuts in a viewport-height
78
+ 4 Urgency the real date and the real capacity, counting
79
+ 5 Belonging one held frame, the crowd, the only slow moment on the page
80
+ 6 Decision abrupt, full bleed, the ticket line and nothing else
81
+ ```
82
+
83
+ Note what the fourth curve does that the others do not: its one slow act is the
84
+ peak, because on a page made entirely of cuts, stopping is the loudest thing
85
+ available. The peak is defined by contrast with its own page, not by an absolute
86
+ amount of spectacle.
87
+
88
+ ---
89
+
90
+ ## 2. The peak
91
+
92
+ People remember one peak moment and the ending. The middle compresses into a
93
+ general impression and then goes. This is the peak-end rule and it is the single
94
+ most useful thing known about how anybody experiences a sequence.
95
+
96
+ So every build engineers **one deliberate peak**. Name it in BRIEF.md as the
97
+ sentence a visitor would say to a friend:
98
+
99
+ > the screen went black and then the whole ocean lit up under me
100
+
101
+ Not "the hero is impressive". A described moment, with a before and an after.
102
+
103
+ The peak gets three things, and it gets them at the expense of other acts:
104
+
105
+ | It gets | Because |
106
+ |---|---|
107
+ | The asset budget | The best generated frames or the only real footage go here, not to act two |
108
+ | The silence before it | An act of quiet, or an empty viewport, so the change has something to be a change from |
109
+ | The most scroll room | The largest `data-sc-span` on the page, and the `data-sc-dwell` that makes the camera settle exactly on it |
110
+
111
+ **A page with three peaks has none.** Three impressive acts flatten each other,
112
+ and the visitor leaves able to say the site was nice and unable to say what
113
+ happened. If a second act is competing, demote it: shorter span, less asset,
114
+ plainer device. Something has to be the biggest thing.
115
+
116
+ **The ending must resolve.** The last feeling is the one they carry, and a page
117
+ that trails off into a footer overwrites everything the peak did. Resolution
118
+ means the page arrives somewhere and stops: the divider collapses, the world
119
+ lands at a place, the type shrinks to its quietest setting, the surface hands
120
+ over an input. The close cue holds (see the cue contract in
121
+ [devices.md §2](devices.md)) so the final screen still has something on it. A
122
+ closing act that fades to an empty stage is the page apologising for existing.
123
+
124
+ ---
125
+
126
+ ## 3. The tell-someone test
127
+
128
+ Before building, complete this sentence:
129
+
130
+ > it's the site where ___
131
+
132
+ Then look at what filled the blank.
133
+
134
+ - "it has a scrub video" is a device name. No memory hook yet.
135
+ - "the background changes colour" is a device name wearing a description.
136
+ - "you dive to the bottom of the ocean and the pressure readout keeps climbing"
137
+ is an experience. That is a hook.
138
+ - "you drag the letters of the logo apart and they snap back perfectly" is an
139
+ experience. That is a hook.
140
+
141
+ The blank has to be something that happened **to the visitor**, phrased from
142
+ their side. If the sentence only makes sense to someone who has read the build
143
+ folder, it fails.
144
+
145
+ This sentence goes in BRIEF.md, and the signature move from
146
+ [uniqueness.md §3](uniqueness.md) usually lives inside it. If the signature move
147
+ and the tell-someone sentence point at different moments, one of them is
148
+ decoration. Merge them, or cut the one that is not the peak.
149
+
150
+ The test is also the fastest fingerprint check available. If the sentence would
151
+ be true of an existing build in
152
+ `<workspace>/FINGERPRINTS.md`, the page is not new yet.
153
+
154
+ ---
155
+
156
+ ## 4. Being in it, not watching it
157
+
158
+ A film plays whether you are there or not. The difference between a viewer and a
159
+ participant is whether the page acknowledges that somebody specific is here: how
160
+ fast they are moving, where their pointer is, whether they stopped.
161
+
162
+ Concrete techniques, in this skill's vocabulary:
163
+
164
+ - **Pointer parallax that moves the world, not a card.** `data-sc-spotlight`
165
+ publishes `--sc-mx` / `--sc-my`. Drive a background layer's transform off them
166
+ instead of a highlight, and the environment shifts as the visitor moves,
167
+ slightly, the way a real space does when you lean.
168
+ - **Dwell-triggered detail.** Hold still on an act and something further arrives:
169
+ a caption, a second line, a small annotation. Reward for stopping. Read
170
+ `--sc-p` staying constant across a few frames, in the page's own JS, and reveal
171
+ something that was never needed for comprehension.
172
+ - **Scroll velocity shaping intensity.** Fast scrolling raises grain, blur,
173
+ chromatic offset, ground saturation. Slow scrolling settles it. The page feels
174
+ like it is being driven rather than played back, and it costs one derived
175
+ custom property.
176
+ - **The page addressing "you" at one moment that lands.** Not throughout, which
177
+ is just copywriting. One line, at the emotional turn, in second person, when
178
+ the visitor is already implicated. It works because it is the only time.
179
+ - **A trace of where they have been.** Anything that accumulates as they travel,
180
+ so arriving at the end means having a record rather than reaching a footer.
181
+
182
+ **Embodiment is seasoning. One or two per page.** A page that reacts to
183
+ everything feels haunted, not alive: the visitor stops reading and starts
184
+ poking, which is the opposite of what any of this is for. Pick the one that
185
+ serves the peak and leave the rest.
186
+
187
+ Everything here is gated to `(hover: hover) and (pointer: fine)` and off under
188
+ reduced motion, same as the pointer devices. A technique that only exists on
189
+ desktop cannot be the thing that carries the page's meaning.
190
+
191
+ ---
192
+
193
+ ## 5. Pacing as emotion
194
+
195
+ Scroll distance is emotional time. It is the only clock this medium has, and it
196
+ is fully under your control, which makes it the cheapest emotional instrument in
197
+ the kit and the one most often left at default.
198
+
199
+ | Pacing | Reads as | Built with |
200
+ |---|---|---|
201
+ | Short acts, hard cuts | Adrenaline, pulse, impatience | Acts under 1.4vh, no `pin`, `dwell` at 0 |
202
+ | A long pin | Held breath, pressure, attention | `data-sc-span` 3+, overlapping cues, one idea |
203
+ | An empty viewport before a reveal | Silence before the drop | A ground-only act, no cue until the next one |
204
+ | A slow settle mid-act | The shot landing | `data-sc-dwell` 0.35 to 0.6 with the cue peak on the settle |
205
+ | A fast cue with a long plateau | Confidence, arrival | `data-sc-cue="0.1 0.9 0.08 0.4"` |
206
+ | A slow ramp in | Hesitation, dawning | Long `rampIn`, and use it once, because it is close to feeling broken |
207
+
208
+ Three rules follow.
209
+
210
+ **A continuous world is the exception to pacing variety.** Everything in this
211
+ section is about a page of acts, where varying the length is how you vary the
212
+ feeling. A worldflight is one camera move, and a camera that changes speed
213
+ between legs reads as broken rather than as expressive. There, hold one pace and
214
+ let the peak carry the shape by being the single long leg. See worldflight.md
215
+ section 7c.
216
+
217
+ **Give the peak room.** The peak act should have the largest span on the page by
218
+ a visible margin. If every act is 2.2vh, the page has no shape, whatever the
219
+ curve in BRIEF.md says.
220
+
221
+ **Compress the administrative parts.** Specs, logistics, FAQ, credentials: these
222
+ are information, not experience. Flow sections at short stagger, not pinned acts
223
+ with dwell. Spending scroll on them is spending the visitor's patience on the
224
+ part they will not remember.
225
+
226
+ **Silence has to be authored, not left over.** An empty screen you meant reads
227
+ as anticipation. An empty screen you did not mean reads as a page that failed to
228
+ load, and the harness reports both as dead scroll. If you are using the empty
229
+ viewport before the peak, say so in BRIEF.md so the verification pass knows the
230
+ difference.
231
+
232
+ The total-length budget from SKILL.md still holds at 8 to 14 viewport-heights.
233
+ Pacing is how that budget is spent, not permission to spend more of it. A page
234
+ that needs 20vh to land its curve has too many acts, not too little room.
235
+
236
+ ---
237
+
238
+ ## 6. The feel check
239
+
240
+ A verification pass, run after the harness in SKILL.md Step 5, against the
241
+ contact sheets and a live scroll. The harness measures whether the page works.
242
+ This measures whether it does what it was for.
243
+
244
+ Run it in this order, and do not reread BRIEF.md first. The whole value is in
245
+ arriving cold.
246
+
247
+ 1. **Scroll the page top to bottom at a normal reading pace.** Once. No stopping
248
+ to fix things.
249
+ 2. **Write down what you felt, act by act.** One word per act, before looking at
250
+ anything. If an act produces no word, write nothing for it, because nothing is
251
+ the finding.
252
+ 3. **Now open BRIEF.md and diff the two curves.**
253
+
254
+ **Where they disagree, the page is wrong, not the brief.** Rewriting the
255
+ intended curve to match what got built is the same failure as rewriting a
256
+ fingerprint row: it turns the artifact into a description of the accident.
257
+
258
+ Then three specific checks:
259
+
260
+ - **Does the peak read as the peak?** On the contact sheet it should be the
261
+ largest visual change on the page and it should occupy the most scroll room.
262
+ If a different act is the biggest thing on the sheet, that act is the real
263
+ peak and the plan lost. Fix the page or admit the new peak in BRIEF.md and
264
+ give it the budget.
265
+ - **Is there silence in front of the peak?** Look at the act before it. If it is
266
+ as loud as the peak, the peak has nothing to arrive from.
267
+ - **Does the end resolve?** The last screen should be able to stand still with
268
+ content on it. Blank final frame, a cue that faded out, or a footer that just
269
+ begins means the page ended rather than finished.
270
+
271
+ Two adjacent acts that produced the same word in step 2 is the filler finding
272
+ from §1, caught late. Cutting one is almost always right, and almost always
273
+ improves the total length budget at the same time.
274
+
275
+ Report the diff in the final output: the intended curve, the felt curve, and
276
+ what you changed. A build that reports them as identical on the first pass
277
+ either got lucky or did not do the check cold.
@@ -0,0 +1,305 @@
1
+ # Fingerprints
2
+
3
+ Every site built with **luckiest-design-website** gets one row here, appended after it
4
+ ships. The registry exists so the next build can prove it is a different page
5
+ rather than a re-skin of an existing one.
6
+
7
+ The rules, the six dimensions and the gate itself live in
8
+ `.claude/skills/scrollcraft/references/uniqueness.md`. Short version:
9
+
10
+ **A new build must differ from EVERY row below on at least 4 of the 6
11
+ dimensions.** Four against each row individually, not four on average across the
12
+ table. If a planned build fails, change the plan. Never edit a row to make room
13
+ for it.
14
+
15
+ The six dimensions are: **grammar**, **nav treatment**, **hero device**,
16
+ **act-sequence shape**, **close pattern**, **signature move**.
17
+
18
+ ---
19
+
20
+ ## Why this file exists
21
+
22
+ The first four builds were run before there was a structure axis. Read the rows
23
+ and the collision is obvious: **all four sit in the same grammar**, with the same
24
+ nav, the same hero device, the same close, and no signature move on any of them.
25
+ `saas` (Vesper) and `perkform` are the pair the owner named, but the problem is
26
+ the whole table. Only the act order and the palette actually moved.
27
+
28
+ Those four rows are recorded as-built, warts included. They are the baseline any
29
+ fifth build has to clear, and clearing them is not hard, because they occupy one
30
+ cell of a very large space.
31
+
32
+ ---
33
+
34
+ ## The registry
35
+
36
+ | Build | Grammar | Nav treatment | Hero device | Act-sequence shape | Close pattern | Signature move | World | Port |
37
+ |---|---|---|---|---|---|---|---|---|
38
+ | `perkform` | Filmic one-shot | Fixed minimal bar: wordmark + one CTA | Full-bleed `scrub` 2.6vh, lead-corner kinetic `h1`, greet cue `0 0.78 0` | `scrub > pin > flow > scrub > pan > pin`, 6 acts, ~13.7vh | `pin` 1.15vh, `data-sc-spotlight` stage, `data-sc-magnet="0.26"` CTA, footer inside the stage | **none** | Low-key cinematic. Charcoal `#0A0807`, lime accent `#C8FF3D` | 4500 |
39
+ | `nateherk` | Filmic one-shot | Fixed minimal bar: wordmark + one CTA | Full-bleed `scrub` 2.5vh, lead-corner kinetic `h1`, greet cue `0 0.82 0` | `scrub > pin > flow > scrub > flow > pan > pin`, 7 acts, 13.8vh | `pin` 1.15vh, spotlight stage, magnet `0.26` CTA, plus a social sub-nav in the footer | **none** | High-key editorial. Warm paper `#F2F0EB`, navy accent `#14589B` | 4501 |
40
+ | `agency` | Filmic one-shot | Fixed minimal bar: wordmark + one CTA | Full-bleed `scrub` 2.4vh, lead-corner kinetic `h1`, greet cue `0 0.86 0` | `scrub > flow > pin > scrub > pan > flow > pin`, 7 acts, 13.6vh | `pin` 1.15vh, spotlight stage, magnet `0.26` CTA on a dusk ground | **none** | Natural documentary. Woodland dark `#0B1013`, weathered copper `#C97B3E` | 4502 |
41
+ | `saas` | Filmic one-shot | Fixed minimal bar: wordmark + one CTA | Full-bleed `scrub` 2.5vh, lead-corner kinetic `h1`, greet cue `0 0.76 0 0.48` | `scrub > pin > flow > pan > scrub > pin`, 6 acts, 13.8vh | `pin` 1.15vh, spotlight stage, magnet `0.26` CTA, cue opened early for the tab stop | **none** | Nocturne. Ink-blue `#050A10`, sodium amber `#FF8A3C` | 4503 |
42
+ | `vesper-v2` | Live surface, on one continuous incident timeline | Console status chrome: process line, incident id, live timecode bound to scroll. No CTA in the chrome. Navigation is the playhead rail fixed to the bottom edge | Cold open as the product surface: pinned ops console, status board plus a log stream already tailing, `h1` set as the incident title in the panel header. No media, no kinetic type, no scrub | `pin > flow > pin > pan > pin > flow > pin`, 7 acts, **12.1vh** (12.5vh at 390px). Zero `scrub` acts, zero `tilt`, one `pan` carrying the trace itself | Command prompt: `vesper init` types itself on approach, caret blinking, real Copy button, install-style lines, concept disclosure in a footer inside the stage. No spotlight, no magnet | **Scroll is the playhead.** A persistent trace rail spans the whole page, drawing a real latency series; scroll scrubs a piecewise-linear incident clock that crawls through the run and jumps six hours in the gap. Log lines and spans materialise when the clock passes their own printed timecode; waypoints stamp as they are passed and stay stamped; keyboard focus scrubs the playhead to the focused span | Code-rendered console. Deep ink `#05080D` to warm black `#0A0708`, sodium amber `#FF8A3C` as the alarm only, one muted state green `#5FA98D` in status glyphs. Zero generated imagery | 4504 |
43
+ | `descent` | **Continuous world**, on the kits **worldflight** mode. One water column on one `position:fixed` stage; the seven zones are depths passed through. Zero acts, zero `sc-section`, zero `flow`, zero `pan`, zero `data-sc-drift`, and the only element in document flow is the spacer | The nav is a **map**: a left-edge depth gauge carrying a metre readout bound to journey progress, the current zone, and seven clickable waypoints on a hairline scale with a travelling tick. No wordmark-plus-CTA bar; no CTA anywhere in the chrome | The world already in motion with no title stage, and **no block anywhere on the page**: a seam-locked nine-leg flight scrubbing from the first notch on one fixed stage. The `h1` is set at `--md`, anchored **top-right** in the dawn sky band on the fixed copy layer, and greets on the `hero` window rather than fading in. The largest thing on the first screen is the depth readout at `0 m` | **One worldflight track, nine legs, 8.18vh of film over a 9.18vh spacer** (the mode adds a closing viewport). Weights 0.95 / 0.92 / 0.94 / 0.95 / **0.95 + 0.95** / 0.90 / 0.80 + 0.82, capped by the ~1.5vh-per-8s rule, so the peak buys its room by **owning two legs (1.90vh) against a 0.95vh next-largest zone** rather than by a bigger span. Copy anchors run TR, BR, BL, TL, BC, MR, C, never repeating adjacently | Arrival in the same canvas, still flying: two ascent legs carry the camera off the seafloor and up into the daylight ceiling, the authored grade lifts to surface blue, the depth number **falls** to 0 for the only time on the page, and the CTA is an etched plate resting in that light on a close window with `rOut` 0, so nothing fades out under the reader. No spotlight, no magnet, no `1.15` pin | **The dark that answers.** In the midnight zone the page stops lighting itself: a near-opaque mask covers the water and the pointer carries the only hole in it, a lamp cone driven off `--sc-mx`/`--sc-my` published by the page's own handler. Stop scrolling for ~0.6s inside that zone and bioluminescent motes fade up and drift toward wherever the lamp is pointing, then scatter the moment the wheel moves. Ramps out before the bloom so it never fights the peak | Underwater nocturne, real deep-water photographic. Ink `#03070C`, bioluminescent cyan `#35E6DA` | 4505 |
44
+ | `airfield` | Rhythmic cutlist | Full-width split-flap **departures strip** fixed to the top: wordmark, one live board row that flips as the page advances, one CTA at equal weight. Loud, not minimal. No progress bar | Static full-bleed still at 1.00vh that cuts away in under a viewport. `<h1>` set small in the top-left corner as stencilled signage, over a corner scrim. No clip, no scrub, no display-scale greet, no kinetic hero | `flow x15`, **15 acts, 13.19vh**. **Zero pinned acts** (no `scrub`, `pin` or `pan` anywhere), zero video. Full-bleed frames at ~1.00vh alternating with 0.30-0.42vh type slabs; `reveal` on every frame in a different direction; grounds hard-cut per section rather than drifted | Abrupt full-bleed slab: eyebrow, one amber CTA block at 11vw, footer with the concept disclosure inside it. No spotlight, no magnet, no fade-down. The strip stamps FINAL CALL and holds | **The departures board.** The lineup is a real split-flap board in real markup, 320 flaps, each walking forward through a 40-character set. Scroll drives it: stop half way and it holds half flipped. The strip flips through the lineup as the page advances; at the peak the board unfurls out of the strip to fill the screen, populates top to bottom, empties itself row by row to DEPARTED, and the one row that was never filled in flips up to poster scale as the headliner | Hard-light graphic. Dusk blue-black `#0B1119` with two full-bleed inversions (concrete `#E7E1D5`, amber `#FFC400`), flap amber `#FFC400` accent, `#FF4A2B` as the board's alarm state only | 4506 |
45
+ | `pigment` | **Gallery / catalog.** Seven specimens in a walkable museum index, every one labelled on the same schema (number, name, composition, origin, period, what it did, status), facts only, zero persuasion, zero kinetic type | A clickable **specimen index** set in the top margin like a running head: catalog numerals I to VII plus ST, each with a swatch dot in its pigment's hue, current entry underlined via scroll spy. No bar, no CTA in the chrome, no numeric readout | **Object one, already in view and already labelled.** A framed specimen plate (generated still on a mat) with the museum label beside it on greet cues; `h1` is the specimen name. No full-bleed media, no title treatment, no display-scale stack | `pin > flow > pin > flow > pan > flow > scrub > flow > pin`, **9 acts, ~13.4vh** (shares maison's vh band; differs on everything else in the shape: 9 acts not 11, one scrub one pan, zero kinetic, one constant bone ground, flows carrying reveal / parallax / iris). Peak = the only clip at 2.7vh with dwell 0.4, silence act (0.5vh) directly before it | **The acquisition plate.** The close is Specimen VII: Visitor: a framed canvas live-mirroring every smear the visitor left, labelled on the same schema (composition: the pigments they touched; acquired: just now), colophon and a "walk the room again" link inside the stage, hold cues, nothing fades to empty | **The visitor's brush.** The pointer is a brush loaded with the pigment of the specimen in view; strokes deposit chalky color on a fixed multiply canvas and never come off; every specimen passed also auto-stamps a small smear (so touch visits accumulate a record); the close frames the canvas as the newest specimen. Distinct from descent's lamp (reveals vs deposits) and maison's tray (authored tokens vs visitor-made marks) | High-key editorial museum-specimen photography, macro grain, bone-white seamless. First light canvas since `nateherk`. Palette rule: chrome strictly achromatic ink `#1A1611` on bone `#F2EEE3`; ALL saturation belongs to the eight specimen hues and the visitor's smears. Fraunces + Instrument Sans, first use of either | 4509 |
46
+ | `maison` | Chaptered editorial. Three chapters as printed intertitle-plus-spread pairs, hard cuts between grounds, no interpolation anywhere | No bar. A folio in the top margin carrying the house and the current chapter, updating as chapters pass, suppressed on the title page and the colophon the way a running head is in print. Beside it a fixed margin tray (the accord) that accumulates. Neither is clickable; the page has no navigation, only position | **Title page.** Type on a paper ground, no media above the fold at all: masthead, one `h1`, and a contents list of three chapter names that arrives on the first notch of scroll. No scrub, no kinetic hero, no corner anchor | `kinetic > reveal > parallax > reveal > pan > reveal > kinetic > drift > pin > scrub > flow`, **11 acts, 13.38vh**. Both clips confined to one chapter; the intertitle `reveal` recurs as the chapter boundary and is never adjacent to itself | Full-screen paper **colophon plate** that bookends the title page: masthead rule, the ask set as a line of running text with an italic underlined link inside it, a spec list as museum-label rows, concept disclosure in the foot. Smallest type on the site. No spotlight, no magnet, no button island | **The accord.** Three empty vial marks sit in a margin tray from the first screen. Each chapter's spread stamps its own token as it is read, and the stamps never come off. At the turn the three tokens leave the tray, travel into the frame, stack into a column, compress, and hand over to the bottle that appears inside the footprint they just made; the labels re-set from `Pluie / Zeste / Fumée` to `Tête / Cœur / Fond` and the tray collapses to the scent's name. The visitor's scroll assembled the product | Macro texture (worlds.md #5) at millimetre scale. Grounds hard-cut paper `#E9E5DA` → wet slate `#0B0D0D` → bone `#F2F1EA` → ember `#12100C` → void `#070808` → paper. One citron accent hue at two lightness stops, `#C9D36A` on dark and `#57601F` on light, because the page alternates. Bodoni Moda and Archivo | 4507 |
47
+ | `orrery` | **Continuous world**, on the kit's **worldflight** mode. One handmade scale model of the Earth on a single `position:fixed` stage; the three destinations are places the camera falls into and climbs back out of. Zero acts, zero `sc-section`, and the only element in document flow is the spacer | The nav is a **map that is an object, not a readout**: a bearing dial on an instrument plate fixed bottom-left, wordmark at its hub, whose disc turns exactly **once** across the page and carries a pip at each destination's real longitude (135.8E, 73W, 4W), so a pip arrives under the needle when the flight does. **No number anywhere on the page**, which is the thing `descent` and `vesper-v2` had both spent. Three clickable stops; the current one is marked with an accent square, never recoloured | The world **at rest**. The model globe sitting still on a workbench under a slow push-in, with the `h1` at **display scale** (`--sc-t-3xl`, held to two lines) as the largest thing on the first screen. No chrome readout, no small headline, no kinetic split, no corner greet cue | **One worldflight track, ten legs, 11.97vh of film over a 12.97vh spacer.** **One pace for the whole flight**: every 5s leg carries 1.08vh and the 10s peak carries **2.25**, so the film advances at 0.212-0.225vh per second everywhere and never surges between legs (measured spread 6%, down from 36% on the first cut). `data-sc-seam` 0.16, `data-sc-lerp` 0.12. The peak buys its room by being **one leg carrying the page's only 10-second clip at slightly over double every other weight**, rather than by owning two adjacent legs the way `descent`'s did. Copy anchors run BL, BR, C, BR, BL, TL, ML, TL, never repeating adjacently; two of those anchors (TL, ML) are not in the kit | **A return, not an arrival.** The flight climbs off the model and lands back on the workbench it opened on, so the last frame rhymes with the first instead of reaching somewhere new. The CTA is a letterpress card resting in that light, beside the folded card and pencil that are actually in the shot. No spotlight, no magnet, no fade-out | **The elsewhere field.** Sixty markers for places this route is not going ride over the world for the entire page, parallaxed by their own depth. Sixteen are named and interactive. During the fall they **streak**: a radial burst driven off the page's own reading of `--sc-seg`/`--sc-segp`, tearing past the camera. **Point at one and it stops**: the held marker simply stops being written to, so it freezes exactly where it was while everything else keeps moving, and its name and one line arrive. Click or tab to keep it held, Escape releases. At the close every one of them lights vermilion in an index-ordered cascade under the line that says the list is too small | Handmade physical scale model, macro tilt-shift. Milled brass, painted plaster, real moss, poured resin, sifted sand, fibre-optic practicals. Cold off-black `#07080A`, vermilion `#F0492A` with one lifted stop `#FF7A5E` for small marks. Space Grotesk and IBM Plex Sans | 4510 |
48
+ | `luckiest-design-website-showcase` | **Typographic poster.** Type is the imagery; one Kie.ai material texture is visible only inside the peak letterforms. No photographic ground, scrub, card, rail, tilt, parallax, spotlight or magnet | **No navigation.** `SCROLLCRAFT` is set as composition-scale metadata and the hero word is the wordmark. No persistent chrome, progress, index or CTA above the close | A single real-text `SCROLL` fills the first screen at 24.5vw. Its characters breathe on opposing baselines as the pinned hero advances. No media, corner-anchored copy, scrub or separate logo | Engine acts `pin > flow > flow > pin > flow`; device score `kinetic > flow/in > reveal > bespoke pin > flow`. **5 acts, 10.8vh desktop / 10.5vh mobile**, zero video. The peak owns 4.4vh and the act before it is authored silence | Full-screen bone inversion in normal flow. Smallest type on the site, `Make one` as a plain underlined mail link, disclosure in a hairline footer. No button island, pin, spotlight, magnet or fade-down | **Borrowed momentum.** Page-local physics measures real scroll velocity and gives each `ALIVE` letter a different mass, offset, skew and settle rate. Fast motion breaks the baseline and reveals physical pigment; stillness returns all five letters to exact alignment. Fine pointers add a directional bias, touch keeps the velocity behavior, reduced motion shows the resolved form | Typographic material poster. Off-black `#070707`, bone `#F3F0E8`, cobalt `#174CFF`; Arial Black and Helvetica Neue. One generated physical cobalt-and-bone pigment image, confined to glyph interiors | 4508 |
49
+ | `phase` | **Split stage.** One fixed viewport carries matched cold and ready worlds for the full page; the seam is the composition and collapses only at the resolve | The divider is the only chrome: state labels, a six-dot clickable chapter rail, current marker and progress share one moving vertical seam. No bar, menu, numeric readout or CTA in chrome | The exact same full-bleed product frame exists twice at once, cold-filtered left and cobalt right, with a real-text `PHASE` crossing the seam at 22vw. No playback begins above the fold | `flow x6`, **11.0vh**. Image score `hero > hero > macro > macro > hand > table`; one custom-scrubbed five-second clip, zero engine scrub/pan/tilt. The peak owns 2.65vh after a 1.25vh authored silence act | The seam retreats from 62% to 0%, so READY physically takes the entire frame. `NOW.` and one dark full-width CTA land over the final product scene; concept disclosure sits in the same bottom rule. No spotlight, magnet or fade to empty | **Heatprint.** Pointer and touch paths bloom the cobalt ready-state photograph through a cold base, then expand and cool away. Scroll adds a deterministic heat front for touch and screenshots; reduced motion shows one stable partial bloom. Nobody else may take temporary thermochromic path painting whose reveal is the product behavior | Physical macro product campaign. Porcelain bone `#EEE9DD`, soot `#060808`, electric cobalt `#0C46FF`; one product invariant across six generated stills and one five-second macro shot | 4511 |
50
+
51
+ ---
52
+
53
+ ## What is taken
54
+
55
+ Read this before planning, not after. Each line is a shape that a new build
56
+ cannot reuse without spending one of its six dimensions.
57
+
58
+ - **Grammar:** filmic one-shot is used four times. The other seven grammars in
59
+ uniqueness.md §2 are all unclaimed.
60
+ - **Nav:** fixed minimal top bar with a wordmark and exactly one CTA, four
61
+ times. No build has yet tried app chrome, a folio, a waypoint map, an object
62
+ index, a divider, a loud bar, or no nav at all.
63
+ - **Hero:** full-bleed `scrub` with corner-anchored kinetic type on a greet cue,
64
+ four times. Spans cluster at 2.4 to 2.6vh.
65
+ - **Act shape:** 6 or 7 acts, 13.6 to 13.8vh, two `scrub` acts, one `pan` rail
66
+ of `data-sc-tilt="6"` cards. Every build lands in the same band.
67
+ - **Close:** `pin` at exactly `data-sc-span="1.15"` with `data-sc-spotlight` on
68
+ the stage and `data-sc-magnet="0.26"` on the CTA, four times.
69
+ - **Signature move:** claimed once, by `vesper-v2`: scroll as a playhead over a
70
+ persistent trace rail with a piecewise-linear clock. Nobody else may take a
71
+ scroll-position-as-time-axis rail; the rest of §3's list is still open.
72
+ - **Palette formula:** one dark-or-paper canvas plus exactly one accent, five
73
+ times. Not a gate dimension, but the same reflex, and it is still worth
74
+ breaking. `vesper-v2` bends it only by adding one semantic state colour.
75
+
76
+ Claimed by `airfield`, so also now taken:
77
+
78
+ - **Grammar:** rhythmic cutlist. Five grammars remain unclaimed (chaptered
79
+ editorial, continuous world, typographic poster, gallery/catalog, split
80
+ stage).
81
+ - **Nav:** a loud full-width bar whose content is itself the signature move.
82
+ - **Hero:** a still frame that cuts away in under a viewport, with the `<h1>`
83
+ set small rather than at display scale.
84
+ - **Act shape:** 15 short acts at 13.19vh with **zero pinned acts of any kind**
85
+ and no generated video. The old 13.6-13.8vh band and vesper-v2's ~12.1vh are
86
+ still the things to avoid; ~13.2vh is now also spent, as is "6 or 7 acts".
87
+ - **Close:** an abrupt full-bleed accent slab with the CTA as the last cut.
88
+ - **Signature move:** split-flap character animation driven by scroll. Nobody
89
+ else may take flipping-character type as their bespoke move.
90
+ - **Palette:** the one-canvas-plus-one-accent formula is finally broken. This
91
+ page cuts to two full-bleed inverted grounds (a light one and a saturated
92
+ accent one) mid-page. That option is now demonstrated, not taken.
93
+ - **Ground handling:** per-section painted backgrounds instead of
94
+ `data-sc-drift`. Worth knowing: drift is scoped to the first act whose
95
+ progress is strictly between 0 and 1, so on a page with several short acts on
96
+ screen at once it lags roughly one section behind.
97
+
98
+ Claimed by `vesper-v2`, so also now taken:
99
+
100
+ - **Grammar:** live surface. Six grammars remain unclaimed (chaptered editorial,
101
+ continuous world, typographic poster, gallery/catalog, split stage, rhythmic
102
+ cutlist).
103
+ - **Nav:** app/console chrome with a scroll-bound readout, plus a fixed bottom
104
+ rail acting as the page's navigation.
105
+ - **Hero:** the product surface already in a state, with no media and no
106
+ display-scale headline.
107
+ - **Act shape:** 7 acts at ~12.1vh with **no** `scrub` act at all. The old
108
+ 13.6-13.8vh band is still the thing to avoid; ~12.1vh is now also spent.
109
+ - **Close:** a typed command prompt with a copy control.
110
+ - **Assets:** the first build with **zero** generated imagery. Uniqueness does
111
+ not require a kie.ai spend, and a page that proves it is worth having in the
112
+ table.
113
+
114
+ Claimed by `maison`, so also now taken:
115
+
116
+ - **Grammar:** chaptered editorial. Five grammars remain unclaimed (continuous
117
+ world, typographic poster, gallery/catalog, split stage, rhythmic cutlist).
118
+ - **Nav:** a margin folio that names the current chapter, plus a persistent
119
+ accumulating tray. Also the first build with a nav that is deliberately not
120
+ clickable.
121
+ - **Hero:** a title page. Type on a ground with no media above the fold at all.
122
+ - **Act shape:** 11 acts at ~13.4vh, alternating light and dark grounds on hard
123
+ cuts. The 13.6-13.8vh band and ~12.1vh are both still the thing to avoid; a
124
+ build landing near 13.4 now has to differ elsewhere.
125
+ - **Close:** a full-screen colophon plate bookending the hero, CTA as running
126
+ text inside a sentence.
127
+ - **Signature:** an accumulating margin tray whose contents merge into the
128
+ product at the turn. Nobody else may take collect-then-assemble; it is
129
+ distinct from `vesper-v2`'s rail in that nothing here is a time axis and
130
+ nothing here is navigable.
131
+ - **Palette:** the first build to run one accent hue at **two** lightness stops,
132
+ keyed to whether the current ground is light or dark. Any page that hard-cuts
133
+ between light and dark grounds needs this; a single stop cannot clear 4.5:1 on
134
+ both.
135
+ - **Type:** the first serif. Bodoni Moda, justified in BRIEF.md against
136
+ taste.md's serif rule rather than reached for as a luxury reflex.
137
+
138
+ ---
139
+
140
+ Claimed by `descent`, so also now taken:
141
+
142
+ - **Grammar:** continuous world, **and with it worldflight mode**. Five grammars
143
+ remain unclaimed (chaptered editorial, typographic poster, gallery/catalog,
144
+ split stage, rhythmic cutlist). Worldflight is not itself a grammar and a
145
+ later build may need it, but a second continuous-world page would be the same
146
+ page: this one has the water column, the depth axis and the route rail.
147
+ - **Nav:** a map. A fixed edge gauge with a scroll-bound numeric readout and a
148
+ clickable waypoint list with a travelling position marker. This is close
149
+ enough to `vesper-v2`'s scroll-bound console readout that the next build
150
+ should treat "chrome that reports your scroll position as a number" as spent
151
+ twice over.
152
+ - **Hero:** generated media already in motion on a fixed stage, with the
153
+ headline set *small* on a `hero` greet window and a chrome readout as the
154
+ largest element on the first screen.
155
+ - **Act shape:** no acts at all. **A nine-leg worldflight track, 8.18vh of legs
156
+ over a 9.18vh spacer**, where the peak takes its room by owning two legs
157
+ rather than by a longer span. The 13.6-13.8vh, ~13.1vh and ~12.1vh bands are
158
+ still the ones to avoid, and ~9.2vh is now also spent. So is the shape itself:
159
+ a page whose peak is two adjacent legs of one flight.
160
+ - **Close:** the flight keeps flying to the last pixel and lands somewhere new,
161
+ with the CTA as an object inside the world rather than a button over it, on a
162
+ window with no fade-out.
163
+ - **Assets:** the first build to use a **seam-locked chain** (nine legs: seven
164
+ chained with `--tail` on kling, two more chained on start images only, every
165
+ joint out of the encoded file at 22-45 dB PSNR) and the first to derive its
166
+ poster ladder from the encoded clips themselves. Chaining is now spent; the
167
+ SKILL.md warning against it stands for everyone else.
168
+ - **Signature move:** a pointer-driven mask that reveals the world, plus
169
+ dwell-triggered particles. Nobody else may take "the pointer is the light".
170
+
171
+ ---
172
+
173
+ Claimed by `luckiest-design-website-showcase`, so also now taken:
174
+
175
+ - **Grammar:** typographic poster. Gallery/catalog and split stage remain unbuilt.
176
+ - **Nav:** no navigation at all, with the wordmark absorbed into the composition instead of placed in chrome.
177
+ - **Hero:** one extreme-scale real-text word as the entire first screen, with character baselines breathing in opposing directions and no media.
178
+ - **Act shape:** 5 acts at 10.8vh desktop and 10.5vh mobile, zero video. Engine sequence `pin > flow > flow > pin > flow`; device score `kinetic > flow/in > reveal > bespoke pin > flow`.
179
+ - **Close:** a full bone inversion in normal flow, with the smallest type on the site and a plain underlined mail link.
180
+ - **Signature move:** measured scroll velocity gives letters different physical masses, breaking the baseline under speed and returning it to exact alignment under stillness. Nobody else may take velocity-responsive letter physics.
181
+ - **Assets:** one generated physical pigment still, never used as a ground and visible only through live text. This is distinct from both zero-imagery builds and full-bleed generated worlds.
182
+ - **Shared ground:** it shares zero video with `vesper-v2` and `airfield`, and a quiet small-type ending with `maison`; all six gated dimensions still differ from each of them.
183
+
184
+ Claimed by `pigment`, so also now taken:
185
+
186
+ - **Grammar:** gallery / catalog. Two grammars remain unclaimed (split stage; typographic poster went to `luckiest-design-website-showcase` in the same week).
187
+ - **Nav:** a clickable index of the collection's objects with per-object color swatches and a scroll-spy current marker. The museum-label chrome family (folio, index, colophon) is now well trodden; the next build should avoid margin-chrome entirely or do something else with it.
188
+ - **Hero:** the first object of the collection already in view, framed and labelled, `h1` as the object's name, no title treatment, no full-bleed media.
189
+ - **Act shape:** 9 acts at ~13.4vh with exactly one `scrub` and one `pan`, zero kinetic type, and one constant light ground. The ~13.4vh number is now shared with `maison` (they differ on every other shape property); treat both ~13.4 and "9 acts" as spent.
190
+ - **Close:** the last object in the collection is the visitor themself: a live canvas of their own accumulated marks framed and labelled on the collection's schema. Ending a page by accessioning the visitor is taken.
191
+ - **Signature move:** the pointer as a pigment-loaded brush depositing permanent marks, plus scroll-triggered auto-smears as the touch fallback, composited into the close. Nobody else may take cursor-paints-the-page or visitor-marks-become-the-product.
192
+ - **Palette:** an achromatic chrome with per-section object hues (eight saturated hues, none of them an accent role). A third way to break one-canvas-one-accent, after `airfield`'s inversions and `maison`'s two-stop accent.
193
+ - **Facts:** the first build whose copy is real-world history, web-verified at draft time (snail counts, 1964, 1826). Concept brands invent nothing; a factual catalog verifies everything.
194
+
195
+ ---
196
+
197
+ Claimed by `phase`, so also now taken:
198
+
199
+ - **Grammar:** split stage. All eight documented grammars have now been built.
200
+ - **Nav:** the dividing seam as the only chrome, carrying opposing state labels,
201
+ chapter ticks, current state, and progress while its own position changes.
202
+ - **Hero:** the exact same product frame simultaneously shown in cold and ready
203
+ states, with one display-scale live headline crossing the seam.
204
+ - **Act shape:** six flow acts over 11.0vh, with one custom-scrubbed macro clip,
205
+ a 1.25vh silence act, and a 2.65vh interactive peak.
206
+ - **Close:** the comparison mechanic resolves by physically giving the full
207
+ viewport to one side. The divider retreats instead of cutting to a new page.
208
+ - **Signature move:** Heatprint, where touch and pointer paths temporarily bloom
209
+ the ready-state product through its cold version, with deterministic scroll
210
+ and reduced-motion fallbacks. The product behavior is the interaction.
211
+ - **Shared ground:** it shares cobalt, bone, and condensed grotesk type with
212
+ `luckiest-design-website-showcase`; full-bleed generated photography with the early filmic
213
+ builds; a fixed route rail with `descent`; and visitor marks with `pigment`.
214
+ It clears the gate because its grammar, divider nav, simultaneous-state hero,
215
+ six-flow shape, collapsing comparison close, and temporary thermochromic
216
+ reveal are all different from every existing row.
217
+
218
+ ---
219
+
220
+ Claimed by `orrery`, so also now taken:
221
+
222
+ - **Grammar:** continuous world for a **second** time, which is the one gate
223
+ dimension it could not clear against `descent`. It clears the other five, and
224
+ the two pages are not the same page: one is a water column with a depth axis,
225
+ the other is an object on a table you fall into and climb off. A **third**
226
+ continuous-world build has almost no room left and should pick another
227
+ grammar.
228
+ - **Nav:** a map that is a physical instrument rather than a readout, turning
229
+ once across the page against real longitudes, with **no number anywhere on the
230
+ page**. That closes out the "chrome that reports your position" reflex in the
231
+ other direction: `descent` and `vesper-v2` spent the numeric version, this one
232
+ spends the analogue version.
233
+ - **Hero:** the world held still with a display-scale headline as the largest
234
+ thing on screen. `descent` took world-already-moving with a small headline;
235
+ those are now both gone.
236
+ - **Act shape:** ten legs, 11.97vh of film over a **12.97vh** spacer, every leg
237
+ the same weight except the peak, which is the only long clip on the page and
238
+ slightly over double the rest. The taken bands are now ~9.2, ~12.1, ~13.0,
239
+ ~13.2, ~13.4 and 13.6-13.8vh. "Peak as one oversized leg" is spent, as is "peak as
240
+ two adjacent legs".
241
+ - **Close:** a return to the opening frame. The page ends where it started, with
242
+ the CTA as an object added to that first shot. Distinct from `descent`'s
243
+ arrival somewhere new and from `maison`'s colophon bookend, which is a
244
+ typographic rhyme rather than a spatial one.
245
+ - **Signature move:** a persistent population of *other* options that outnumbers
246
+ the reader, is individually nameable, reacts by **stopping** rather than by
247
+ lighting, and pays off as a mass cascade at the close. Nobody else may take
248
+ "the things you are not choosing are on screen the whole time".
249
+ - **Assets:** the first build whose world is an explicitly **handmade physical
250
+ model** rather than a photographic location or a code-rendered surface. It is
251
+ how the owner's "tiny world, but not cheap" direction was resolved without
252
+ reaching for the banned clay diorama, and it is worth reusing as a category:
253
+ material truth (brass, moss, resin, glue seams) is what keeps a miniature from
254
+ reading as a render.
255
+ - **Palette:** one hue at two lightness stops again, but for a different reason
256
+ than `maison`. That page needed two stops because it alternates light and dark
257
+ grounds; this one needs them because the accent is a **small mark** (a needle,
258
+ a pip, a lit pin) over frames bright enough that the deep stop cannot clear
259
+ 3:1 at that size.
260
+
261
+ ---
262
+
263
+ ## Appending a row
264
+
265
+ After shipping, add one line to the table and one bullet to **What is taken** if
266
+ the build claimed something new. Fill every column. Say what the build shares
267
+ with existing rows, since the shared columns are the constraint the build after
268
+ this one inherits.
269
+
270
+ Rows are append-only. A build that has been superseded stays in the table,
271
+ because the space it occupies is still occupied.
272
+
273
+ ---
274
+
275
+ ## `lane`: PERKFORM, second variation
276
+
277
+ | Build | Grammar | Nav treatment | Hero device | Act-sequence shape | Close pattern | Signature move | World | Port |
278
+ |---|---|---|---|---|---|---|---|---|
279
+ | `lane` | **Rhythmic cutlist with a held overture.** Nine full-height hard-cut sections behind one act that pins. Shares the grammar cell with `airfield` and differs from it on the other five dimensions | **Two vertical Pulse Rails, one per margin, that merge into one.** Left COFFEE, right PROTEIN, each stamping named ticks as the acts that own them pass; a centred wordmark crowns them. No bar, no readout, no CTA in chrome. The rails are the only navigation and the ticks are its links | **A title alone, then a film.** Opens on a bare Roast Black ground with the `h1` centred at poster scale and nothing else on screen. As the reader scrolls, the title travels to the left column and settles while a ten-second locked-off clip fades up behind it and runs on a held stage across 3.5vh. No corner anchor, no kinetic split, no greet-over-footage: the type gets the first screen to itself | `pin(4.2) > flow x8` + one bespoke close, **10 sections / 9 engine acts, 12.91vh** (13.7vh at 390px). **Exactly one pinned act, and it is the first**: everything after act one is unpinned, under 1.4vh, with no `dwell`, no `pan` and no `scrub` device anywhere. Four clips scrubbed by page-local code, three of them simultaneously in one act, and two measured across their section's full height so a held stage keeps advancing as it leaves. Authored silence at 0.66vh directly before the peak | **The lane terminates in the ask.** The merged lane runs down into a bordered, blurred plate and stops in it: kicker, ask, one field, one button. Behind it a macro lid clip scrubs across the reachable range of the final section and arrives on its condensation frame. No gesture, no spotlight, no magnet, no fade-out | **The two-drink collapse.** Two chrome rails accumulate separately for two thirds of the page, then scroll drives them together: the ticks interleave into one column and the pair lands as the white Center Lane of the can. One rail carries the rest of the page. Distinct from `vesper-v2` (one horizontal time axis), `descent` (one depth gauge), `maison` (tokens that travel and stack), `pigment` (pointer deposits), `orrery` (markers that freeze), `airfield` (flipping characters), `phase` (pointer bloom) | Photoreal beverage campaign. **Six grounds, five hues**: Roast Black `#15110F`, Oat Cream `#F5EBDD`, Roast Brown `#3B241B`, Voltage Lime `#C8FF3D`, plus the three flavour colours as full-bleed plates. Archivo Black and Inter | 4512 |
280
+
281
+ Claimed by `lane`, so also now taken:
282
+
283
+ - **Nav:** margin chrome that is a *pair* and terminates by becoming one thing.
284
+ Also the first nav whose items are the page's own argument rather than its
285
+ sections.
286
+ - **Hero:** a staged overture. Title alone on a bare ground, then the title
287
+ travels aside as the film fades up under it and runs on a held stage. The
288
+ first screen of this page has no media on it at all.
289
+ - **Act shape:** exactly one pinned act, and it is act one. Worth knowing why
290
+ the pin came back: an unpinned frame gives a clip 2vh of `--sc-p` at most, and
291
+ a reader outruns ten seconds of footage inside that in one flick. If a page
292
+ wants a film that plays out, the stage has to hold; the cutlist's 1.4vh cap
293
+ and a ten-second shot cannot both be satisfied. The cap still governs acts two
294
+ through ten.
295
+ - **Close:** an ask plate on a scrubbed macro, deliberately gestureless. Recorded
296
+ because the build tried the alternative first and it failed a real reader: a
297
+ pull-tab the visitor had to work out is the wrong ending for a landing page.
298
+ - **Signature move:** two chrome elements merging into one. Nobody else may take
299
+ convergence-of-persistent-chrome as their bespoke move.
300
+ - **Palette:** six grounds and five hues, which is the furthest any row has gone
301
+ from the one-canvas-plus-one-accent reflex.
302
+
303
+ What it shares, and what the next build has to avoid because of it: the
304
+ **rhythmic cutlist** grammar (with `airfield`) and **Archivo** as a display face
305
+ (with `maison`).