FP09 | Copper Line Plumbing | FIT=C | Local services | Brutalist
TECHNIQUES: scroll hover tap touch focus rotate shop back filter motion mobile font hero gsap lenis
BORN_HOOD_ADVICE: Pipe motif/utility look is irrelevant.
DESIGN_SIGNATURE: 's colors] The design The idea: a tool-belt bold, honest emergency plumber in friendly neo-brutalism, where the phone line and the water line are one copper pipe. Fonts: Archivo Black for huge, tightly tracked headings, prices and numerals; Public Sans for body text and small spaced capitals. Colors: copper #C8642E, navy #0E1A3A, safety yellow #FFD23F, warm white #FFFCF5, ink #121212 for outlines and shadows, water blue #3FB8F5. Every block gets a 3px black outline and a solid offset shadow; buttons lift on hover and press flat when tapped. Sections in order: a black status bar with 'Open now', the local time, the crew on duty and average arrival; a yellow pegboard hero with a two-line headline, a live dispatch board, and the phone number set enormous on a navy slab; a ten-row price board beside a sticky intro whose weekdays or nights toggle recounts every price; three staircase step cards with giant numerals on navy; a drawn city map where tapping a town draws a route from the shop and updates an arrival ticket; reviews as tilted ticket stubs showing quoted versus paid; guarantees on copper with rubber stamps that slam down, and a signed license sheet; a call panel beside a photo-quote form; a footer with the name set huge. Signature move: a copper pipe leaves the phone number, runs down the side gutters and crosses every section seam. As you scroll, water flows through it, each elbow and numbered joint lights yellow as its section arrives, and at the end a faucet lifts its lever and pours onto the name.
HTML_SURFACE: headings=Leak at 2 a.m.?We pick up.; Prices on the page, not after the job.; Three steps. No runaround.; Closer than you’d think.; Reviews from people with dry basements.; Promises, in writing.; Faster by phone. | ids=rough, i-phone, i-arrow, i-check, i-clock, i-alert, i-camera, i-swipe, i-stars, st, i-stars3, i-drain, i-sewer, i-burst, i-heater, i-heater2, i-leak, i-toilet, i-sump, i-gas, i-repipe, menu, main, top, hero-h, prices, prices-h, how, how-h, area, area-h, map, map-t, mgrid, route-bg | functions=mk, tween, f, cbusNow, status, paintStatus, setMenu, toast, setMode, routeD, pick, countUp, roundPath, buildPipe, scanY, frontFor, paintPipe, tickPipe, loop, rebuild, done, startIntro, onEnter, setupScroll
ORIGINAL_PROMPT: prompt/copper-line-plumbing.md (SHA256 fdd60c027c58e2b4485d2d6781b1ffec4b2e8794e960d2b7ea0b857c22dbdee7)
EXAMPLE_SOURCE: example/copper-line-plumbing.html (SHA256 60364edfe7d9ceae0d8f7ac5b3a4dcd1c450e4c22f060e54202877928def3ec6)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\copper-line-plumbing\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
