TITLE: The Wave off Nagare Bay — Edition 36
PROMPT: Build a single self-contained HTML page that presents a fictional ukiyo-e woodblock print as a full-bleed sticky artwork. The print is one inline SVG with viewBox 0 0 1600 1000 and preserveAspectRatio="xMaxYMid slice", drawn as flat colour planes on a kozo-paper field (#f2e8d5): a gold sun disc (#e8b04b, r 94) with a soft radial sun-wash behind it, a small snow-capped pine mountain (#2f5d3a with a paper-white cap) placed left of centre, and a single giant wave in three indigo tones (#33608c back swell, #254c72 mid swell, #1a3a5c front mass) whose top edge sweeps from bottom-left up to a crest at the top right. The crest carries a white foam band plus four comma-shaped foam claws built from one hand-authored bezier path and placed with transform="translate() rotate() scale()"; a small indigo boat with three paper-colour figures and two short oars rides the trough. Lighter ridge strokes (#6fa0c8, 5px, opacity .55) flow down the wave face for woodblock water texture. Overlay a multiply-blended paper-grain layer (repeating-linear-gradients in indigo and vermilion plus two dot patterns) drifting 46s, and a radial vignette. Print furniture in HTML: a vertical writing-mode cartouche top-left in Georgia uppercase with .32em tracking, a vermilion seal button (#d94f2b) bottom-left, and an "EDITION 36 / 100" monospace line. Below the sticky print, a colophon sheet with the headline "The wave does not repeat. Only the block does.", two paragraphs, a rule, and three edition swatch buttons. Motion: the sea group gently swells (scaleY 1.02, 12s alternate), each claw curls ±2.5deg on its own timeline, the ink layers settle in with small staggered translateY, and a multiply-blended roller bar sweeps across on load and on every edition change. Palette: #1a3a5c indigo, #f2e8d5 paper, #d94f2b vermilion, #2f5d3a pine, #e8b04b sun.
DESCRIPTION: A modern five-block colour woodblock print staged as a living artefact. The flat planes, registration crosshairs, paper grain and edition line sell the printed sheet; the slow swell, curling foam claws and the roller wipe on each palette change keep it alive. Three editions — indigo on kozo, vermilion on kozo and sumi monochrome — swap every fill at once through CSS custom properties, so the whole print re-inks in half a second while the roller passes over it.
TECHNIQUES: Hand-authored inline SVG bezier paths for every wave, claw and ridge; flat fills driven by CSS custom properties with fill/stroke transitions; one reusable claw path repositioned with SVG transform attributes; radialGradient with CSS-styled stop-color; multiply-blended grain and roller layers; sticky full-viewport print with a colophon sheet sliding over it; vertical writing-mode cartouche; transform-only entrance settles; dirty-gated rAF that only writes the sea transform while the scroll tide is easing.
INTERACTION: Click the seal or any of the three swatches to re-ink the print (indigo / vermilion / sumi) while a print-roller bar wipes across; scrolling the page raises and lowers the tide by translating the whole sea group through a damped spring; hovering or tapping the mountain rolls out a label naming the peak; the foam claws keep curling and the sea keeps swelling on their own timelines. Reduced motion stops the swell, claw curl, grain drift and roller, and softens the tide response.