FP61 | Voltline | FIT=C | Black Friday | Dark & techy
TECHNIQUES: scroll pin video hover focus keyboard rotate product card shop front back filter mask motion mobile font hero gsap lenis
BORN_HOOD_ADVICE: Avoid fake countdown, stock pressure or sale urgency.
DESIGN_SIGNATURE: 's colors] The design The idea: a Black Friday sale run like a launch-control room, with live drops, hard countdowns and stock running out. Fonts: Chakra Petch, bold and uppercase, for headlines, prices and numbers; Inter Tight for body text. Colors: near-black #07080A, volt yellow #E8FF3A for anything live and every new price, electric blue #2D6BFF for percent-off chips and low stock, steel #9AA3AD for labels and struck prices, white #F5F7FA for text. Order: a scrolling deal ticker under the nav; a hero with a telemetry row, the headline, the live deal floating over a glowing pedestal inside a slowly turning dial, and a giant flip-digit countdown to closing across the bottom with the live price tag beside it; the next drop; a doorbusters grid of dark product bays, stock bars and sold-out cards in big faded type; deals by category as an index list with segmented level meters; a four-day drop schedule with day tabs and a 24-hour dial; price match and returns as a ticking checklist; alerts beside a phone showing the warning; a drawn map with hours; a huge wordmark footer. Signature: the next drop is pinned while you scroll. Scrolling fast-forwards its clock to zero, a striped shutter slides apart, the old price is slashed with a glowing volt line, the new price counts down into place and the stock bar drains. Every doorbuster tag does this as it scrolls in. Use the business's real sale dates, prices and stock counts. Never invent urgency for a real business: no made-up stock numbers or "people are buying" notices.
HTML_SURFACE: headings=Doorbusters dropevery hour,on the hour.; Drop 15 opens at 3:00 PM.; What dropped today, and what's left.; 193 deals on the floor. Find your aisle.; Four days. 38 drops. Plan your raid.; The fine print, in plain words.; Get the ten-minute warning.; The store on Roosevelt. | ids=n, top, navcd, menu, main, clock, ndt, h1, dialTicks, cd, drop, dz-h, dzst, dzt, ringTicks, dzring, doorbusters, db-h, categories, cat-h, schedule, sch-h, t-fri, t-sat, t-sun, t-mon, dial, dialT, dialP, p-fri, p-sat, p-sun, p-mon, promise, pf-h | functions=flip, showStr, fmtClock, remain, loop, drawDial, selectTab, setMenu, prepTag, slash
ORIGINAL_PROMPT: prompt/voltline.md (SHA256 c8272099ba977dc1eee5a2ed3cd4e72bae158c8616abb7b457b7ca30a0e56aef)
EXAMPLE_SOURCE: example/voltline.html (SHA256 d1aa9d93920ea31db9619a9898ad7e26ef0ea2a3de3e2d5050dc066aafaa80ec)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\voltline\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
