FP48 | Signal/Noise 2027 | FIT=B | Places & events | Dark & techy
TECHNIQUES: scroll pin hover tap focus keyboard rotate product card back gallery filter mask glitch motion checkout contact font hero
BORN_HOOD_ADVICE: Noisy reveal optional in Music only; don't distort real artist faces.
DESIGN_SIGNATURE: 's colors] The design The idea: the conference as lab equipment, an oscilloscope screen where noise resolves into signal. Fonts: Bricolage Grotesque, heavy and condensed, for the name and headlines; JetBrains Mono for the countdown, times, prices and small labels. Colors: near-black #08090B, grid grey #1A1D22, phosphor green #39FF88 as the main accent, signal red #FF3B3B for glitches, paper #F2F2F0 for text and one light section. Order: a full-screen hero: the name spanning the width over a faint scope grid, a glowing green waveform and a huge mono countdown to doors; a hairline speakers grid with one large keynote tile; a pinned section where a giant number counts down from talks submitted to talks accepted as a red, noisy trace calms into a clean green wave; the schedule on paper-white with day tabs, room filters and stars; workshops with seats left shown as dots; a drawn venue map; tickets as selectable tiers beside a paper receipt that totals tax live; sponsors as pure type; the name huge in the footer. Motion: on load the name decodes from random characters while the waveform locks on. A bright scanline follows the cursor down the hero, or sweeps on its own, slicing the name with green and red offsets; each countdown digit glitches as it changes. Signature: every speaker portrait is generated live from noise, dots and lines, a different technique per person (ridge lines, halftone, letters, contours, dither, stipple). Each starts as static and glitches into place as it scrolls in, again on hover or tap, and whenever its card is centred on screen.
HTML_SURFACE: headings=Signal/Noise 2027, a conference for people who buildSignal/NoiseSignal/Nois; Forty-eight people who’ve shipped the thing.; Signal is what’s left when you take out the noise.; Two days. Three rooms. Zero pitches.; Wednesday is for getting your hands dirty.; A 1928 switching station on the Spree.; Pick your bandwidth.; Before you buy.; Paid for by tickets first. Sponsors second.; One email a month. Zero noise. | ids=n, i-arr, i-star, i-chk, menu, main, top, hero-h, speakers, spk-h, sn-h, schedule, sch-h, t-d1, t-d2, d1, d2, workshops, ws-h, venue, vn-h, map-t, mg, riv, tickets, tk-h, qty-l, sponsors, spo-h, newsletter, nl-e | functions=onFrame, tick, once, watch, mulberry, hash, vn, fbm, setMenu, walk, scramble, fit, fitAll, measureHero, wrap, parts, setDigits, nAmp, drawScope, updScan, introLoop, startIntro, bust, bg, noiseFrame, makeTint, renderCard, drawClean, staticFrame, gFrame
ORIGINAL_PROMPT: prompt/signal-noise.md (SHA256 408b86caec9747cc9be42b0d9900cbda456ec86e2a8811a92b8b5ae609756881)
EXAMPLE_SOURCE: example/signal-noise.html (SHA256 592db14e6cbb8aab792b5b06991e5ed1a411f6f0937d5844e03362d54381ce04)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\signal-noise\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
