FP66 | Reelhouse | FIT=A | Video production | Cinematic
TECHNIQUES: scroll video hover focus rotate product card back filter music motion responsive contact font hero film lenis
BORN_HOOD_ADVICE: Focus-rack and frame sequencing for Music's genuine visuals.
DESIGN_SIGNATURE: 's colors] The design Idea: the site is seen through a camera viewfinder, and every project is framed like a shot. Fonts: extra-bold Syne, big and tight, for headlines; DM Mono for every label, timecode and readout. Colours: black #050505 page, tungsten #F5B451 for focus marks and highlights, REC red #FF3B30 for the recording dot and one full stop, grey #8A8A8A for labels, white #EDEDED for text. Use my own stills or frames from my reel if I have them; otherwise dark, filmic photos of sets and night scenes, all given one warm, slightly faded grade with fine film grain. A black top bar holds the name, a blinking REC dot and running timecode; a black bottom bar shows camera settings and the current scene. Over everything sit thin corner brackets, dashed widescreen frame lines that shade the edges, a centre cross, a focus box, a focus-distance scale and two audio meters. In order: a hero still that racks from blurry to sharp on load under a two-line headline; selected work; more films as an index; services; a light, printed call sheet; the crew as film credits; a wall of client names; a brief form under 'Roll camera.'; a huge wordmark footer. Signature: selected work holds still while you scroll. A title card fades, then each still racks focus into the next, one blurring out as the next blurs in, while the focus box widens and relocks, the focus needle slides and the timecode jumps to that film's running time. The stage photo also zooms from 18 to 85 mm beside the services.
HTML_SURFACE: headings=Every frameis a decision.; Six films, racked into focus one at a time.; More from the last three years.; Three departments. One call sheet.; Six weeks, on one page.; Six names in the credits. The same six on set.; Clients; Rollcamera. | ids=n, top, menu, main, work, work-h, more, more-h, services, svc-h, process, cs-h, crew, crew-h, clients, cl-h, contact, ct-h, f-name, f-co, f-mail, f-bud, f-date, f-msg, reelplay | functions=
ORIGINAL_PROMPT: prompt/reelhouse.md (SHA256 3f05019fd1747698157f10451ee4bf0a6225a3eee9ff39bef5e854b55b6c295e)
EXAMPLE_SOURCE: example/reelhouse.html (SHA256 8c9f676038b84272cc120fc9d618a30419806e7883452ba4ff95855b4ea2b5cb)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\reelhouse\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
