FP54 | The Slow Build | FIT=B | Creators & personal | Retro (70s radio)
TECHNIQUES: scroll hover focus rotate card shop back filter motion responsive account font hero gsap lenis
BORN_HOOD_ADVICE: Physical media receiver controls may inspire music interactions, but don't add fake audio.
DESIGN_SIGNATURE: 's colors] The design The idea: the site is a 1970s hi-fi receiver in a dark studio, and every episode is a station on its dial. Fonts: Righteous for the logo, headlines, dial numbers and big figures; Rethink Sans for body text and small capitals engraved on metal. Colors: walnut #5B3A24, radio cream #F3E6CF, dial orange #E8743B for needle and buttons, teal #2F7F7A for scope and stereo lamp, mustard #E2B53E for backlit meter faces, smoke #17110D for night sections. Draw real materials: walnut grain, brushed aluminum, knurled knobs with spun-metal caps, black dial glass with an amber backlight, VU meters with a red zone. Order: the name huge above a full receiver on dark walnut paneling; the latest episode beside a reel-to-reel player; the searchable episode archive; a giant meter swinging to the guests' average age at the leap; hosts on engraved nameplates beside a ribbon mic under an On Air sign; a pitch form styled as a request card; listen-on links as hardware selector keys; a teal newsletter band with a receipt of one guest's real numbers; a footer with the name huge. Signature move: on load the dial lamp flickers on and the needle sweeps the band to lock onto the latest episode. In the archive a slim receiver stays pinned while the list scrolls beneath it; its needle glides from frequency to frequency, pausing on each episode as its row lights up, the VU meter swings and a teal oscilloscope turns from static to a clean wave. Pressing play turns the reels, makes the waveform dance and runs the clock.
HTML_SURFACE: headings=The Slow Build; The Accountant Who Builds Boats; Every story has its own frequency.; Nobody on this show started over at twenty-two.; We took the long way too.; Changed careers? Tell us how it really went.; Pick your input.; The numbers we don’t say on air. | ids=g, a, b, m, vuF, bigF, chr, alu, tapeR, rg, shade, mesh, i-play, i-pause, i-arr, i-search, nav, menu, main, top, h1, latest, lt-h, episodes, ep-h, numbers, nm-h, hosts, ho-h, capc, pitch, pi-h, f-name, f-mail, f-was | functions=Dial, vuSVG, VU, setHero, setGauge, seedWave, sizeCanvas, drawWave, renderPL, setPlay, loadEp, filter, tuneLine, tuneTarget, nearest, renderTuner, drawScope, measure, frame, raf, scrollToY, go, onScroll, setMenu
ORIGINAL_PROMPT: prompt/the-slow-build.md (SHA256 63e91bb0a7de53cd5827946fec6f472df48fedfb21843072463f0c9dda6c4ef1)
EXAMPLE_SOURCE: example/the-slow-build.html (SHA256 302a9d05a7e537009a69bb95ceb721d1aced550effffea3fe26071f7e435042b)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\the-slow-build\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
