FP56 | Velvet Static | FIT=A | Creators & personal | Collage & handmade
TECHNIQUES: scroll scrub hover focus rotate card shop front back filter music reveal mask motion font hero gsap lenis
BORN_HOOD_ADVICE: Physical record sleeve/cover reveal with original artist media.
DESIGN_SIGNATURE: 's colors] The design The idea: the band's own photocopied 90s fanzine, with torn paper, masking tape, halftone photos and copier grain. Fonts: Rubik Dirt for gritty headlines, Archivo Black for labels and prices, Special Elite typewriter for body text. Colors: xerox black #111111, copier paper #ECE8DF, hot red #E5262F as the one loud accent, faded biro blue #4A6FA5 for scribbled arrows, highlighter #F7F052 for marked words. Headings are ransom notes: each letter cut from a different source, font and colored box, slightly tilted. Photos are black and white, in coarse halftone dots, with torn edges. Buttons look like embossed label-maker tape. Order: a zine-cover hero with a masthead, the name huge, a taped live photo, a setlist scrap, a red new-record strip and a round tour sticker; a red ticker; the new record with a giant title, sleeve, tracklist, listen links and review scraps; tour dates on black as torn paper strips; a numbered band photo and four ruled index cards; a red live section with count-up stats; a black merch table of drawn records, tapes and tees; a cut-out mailing-list coupon; a black footer. Motion: on load a green copier light sweeps down a dark screen to reveal the page, then the letters and pieces slap down. As you scroll, every photo, scrap and tour strip slaps on, too big and too tilted, landing with a thud as its tape stretches on. Sold-out nights get a red SOLD OUT stamp that thumps in and shakes the row. The record slides out of its sleeve, and a faint copier grain flickers over everything.
HTML_SURFACE: headings=Velvet Static; New record; On tour; The band; Bring earplugs; Merch table; Get on the list | ids=n, g, m, menu, main, top, record, rec-h, grooves, sdots, tour, tour-h, band, band-h, live, live-h, merch, merch-h, list, list-h | functions=rng, hs, f1, rot, tear, dots, svg, tee, fit, frame, setMenu, loop, slap, refresh
ORIGINAL_PROMPT: prompt/velvet-static.md (SHA256 f449c9f96efe685eadd87a367bcc41fe50cbfc72ef81246e8dd82ec812ee7dd3)
EXAMPLE_SOURCE: example/velvet-static.html (SHA256 ea7ce07f0f092c12b9f7d76562cfbe510e04f61cdd81bfbdb6700dc926dfc5e3)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\velvet-static\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
