FP70 | Uplink Studio | FIT=A | Video production | Kinetic type
TECHNIQUES: scroll scrub pin video hover focus rotate back filter music motion responsive contact font hero film gsap lenis
BORN_HOOD_ADVICE: Editor-window scrub visual can enhance actual Music release film if kept compact.
DESIGN_SIGNATURE: 's colors] The design The site is an edit in progress: we make videos people finish watching. Fonts: Anybody for huge uppercase display type, using its width axis to squeeze or stretch words, and Space Mono for timecodes and labels. Colours: black #0B0B0F, signal orange #FF5A1F, cyan #00D1FF, white #FFFFFF, panel grey #2A2A33. Photos of cameras, ring lights and edit bays share one punchy grade, teal shadows and warm highlights. Order: a slim nav with a page-length progress bar and running timecode; a hero headline in three full-width lines, each squeezed or stretched to fill the width exactly, with a tiny video thumbnail inside the words and a progress bar that fills to the end during the intro; an orange band of three giant lines that widen as they reach the middle of the screen. Then the signature, a pinned editing window: as you scroll, the playhead crosses a one-minute timeline, clips snap onto video, B-roll and caption tracks, waveforms draw in, captions pop onto the monitor word by word with the current word in orange, the shot cuts and punches in, and a cyan retention line draws against a dashed old-edit line. Everywhere, giant words stretch taller and narrower with scroll speed and squash back when you stop. Then count-up results marked illustrative, five services where the row mid-screen widens and turns orange beside a sticky preview, three monthly packages on white with a dotted month calendar, a channel roster, an FAQ on grey, and an orange teardown form that suggests a package.
HTML_SURFACE: headings=We make videos people 12:48 finish watching.; Hook them. Hold them. Pay it off.; Watch us cut the first minute.; Numbers creators actually check.; Five jobs. One goal: the end screen.; Pick a cadence. We’ll keep it.; Eight channels. Every week.; Before you hit upload.; Send us one video. We’ll show you where people leave. | ids=i-arr, i-chk, nav, ntc, burger, np, menu, main, top, htc, h1, heat, heatp, hbar, hcur, hchap, band-h, edit, edit-h, epin, ed, etc, mon, mtag, mtc, cap, still, still0, passes, tlw, graph, ga, gb, ga2, gu | functions=$, $$, cl, f1, setMenu, sug, yOf, interp, smooth, pct, mk, rnd, tc, render, buildKin, measure, wFor, kinFrame, navUpd, heroBar, startIntro, loop, go, walk, setSvc
ORIGINAL_PROMPT: prompt/uplink-studio.md (SHA256 1ace548959680f96923c1403eb42f63e3a4d2d9837e473608512cd2143d1fdf2)
EXAMPLE_SOURCE: example/uplink-studio.html (SHA256 26345b48400cf0feeae175167746143efcdf844e8d827af70a6e8bd1a31e08ad)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\uplink-studio\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
