FP01 | Osteria Vela | FIT=C | Food & drink | Editorial
TECHNIQUES: scroll pin hover tap focus rotate card front back filter motion responsive font hero gsap lenis
BORN_HOOD_ADVICE: Menu ink sketch is not a match; keep only precise interactive preview logic.
DESIGN_SIGNATURE: 's colors] The design Make it feel like a printed Italian menu card come to life: warm cream paper with a fine grain, black ink and one terracotta accent. Fonts: Instrument Serif for display type, with italics for flourishes, and Instrument Sans for body text and small letter-spaced labels. Colors: paper #F4EFE6, ink #1D2430, terracotta #C4532F, olive #6B6B3A, linen #D9CFBF. In order: a nav whose "Book a table" pill stays pinned when the rest slides away; a hero with a double-ruled row of small details, a short italic line, today's specials beside a round rubber-stamp mark, and the name set huge across the bottom on a thin horizon above engraved water lines; the story with a tide-chart timeline of the day; the menu as a printed carte, course names in a left rail, dotted leaders to the prices; a wine list on dark ink; a floor plan of the room; hours beside a hand-drawn map; a reservation form written as one sentence; a giant italic sign-off in the footer. Signature move: beside the menu sits a framed margin. The dish nearest the middle of the screen, or the one you hover or tap, appears there as a fine ink drawing that pens itself stroke by stroke before a soft terracotta wash blooms in. Between sections a small sail glides along a horizon line as you scroll, leaving a terracotta wake. On load the name's letters rise from behind the horizon. The page dims to ink for the wine list, and the plan and map draw themselves as they scroll in.
HTML_SURFACE: headings=Osteria Vela OsteriaVela; We cook what the bay gives us, and stop when it’s gone.; La carta di giovedì 29 ottobre; Wines that taste of salt.; Forty-six seats, four of them at the window.; At the end of Net Loft Lane, on the water.; Prenota. | ids=g, top, boat, arr, down, rough, inky, hatch, nav, menu, hero-line, stc, story, story-h, carta, carta-h, c1, c2, c3, c4, cantina, cantina-h, dr-wine, sala, sala-h, plan, plan-t, rim-h, visit, visit-h, map, map-t, reserve, reserve-h, dr-setting | functions=seed, J, n1, pt, segs, cv, ln, rt, eP, E, EC, A, dots, scatter, rect, crs, interp, Dw, plate, leafP, leaf, wedge, citrus, sprig, hatch, tomato, halfTom, clamLocal, clam, clamOpen
ORIGINAL_PROMPT: prompt/osteria-vela.md (SHA256 fc29d3c6c1a257498180565cec0b7ef84c064194d8f59e2728de9330ae998e5a)
EXAMPLE_SOURCE: example/osteria-vela.html (SHA256 393bcb8291a022bac30836cb440c64ea0a61913a8dcd1a920763beb1e307b9c3)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\osteria-vela\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
