FP13 | Sharp Lines Barber Co. | FIT=C | Local services | Art deco & heritage
TECHNIQUES: scroll hover focus rotate card shop back filter reveal mask motion mobile font hero gsap lenis
BORN_HOOD_ADVICE: Barbershop signage motion is stylistically incompatible.
DESIGN_SIGNATURE: 's colors] The design Make it a 1930s barbershop sign come to life: porcelain enamel, hand-painted pinstriping and brass. Fonts: Abril Fatface for lettering, headings and big numbers; Barlow Condensed for the rest, with small spaced capital labels. Colors: barber red #B3202A, navy #14213D, cream #F2E9DA, brass #B98B4E, near-black #0E0E10. In order: a hero where a cream enamel sign with a navy border, red pinstripe, brass mounting holes and chipped spots hangs between two tall glass barber poles, the name lettered huge in red with a cream outline and a navy drop shade over a navy ribbon flanked by curling pinstripes; a live chairs board, one row per barber with a hanging status tag (open now, in the chair, on lunch), today's bookings on a timeline with a red now line, and next-free buttons that fill in the booking form; prices on a black split-flap board in a cream enamel frame, on red; the shave as timed steps beside a straight razor that opens across a brass 45-minute dial as you scroll; barbers as an index list with enamel badges; the history pinned beside a drawn storefront as the year and haircut price flip; booking with days, time slots and a paper ticket; a footer with a drawn map and the name huge. Motion: on load the poles rise and spin up, the lettering paints on left to right and the pinstripes draw themselves. The pole stripes spiral faster whenever the page scrolls, then settle. When the price board arrives, every letter clatters through the alphabet to its word like a departures board.
HTML_SURFACE: headings=Sharp Lines Barber Co.Sharp LinesSharp LinesSharp Lines; Who’s free, right now.; Every price, on the board.; Forty-five minutes. One straight razor.; Ask for anyone. Then ask for them again.; Ninety-two years on one corner of Court Street.; Pick a chair. We’ll have the towel hot. | ids=n, flr, crn, chipA, nav, menu, main, top, rbp, chairs, chairs-h, board, bd-k1, bd-clock, bd-k2, bd-wait, bd-axis, bd-rows, prices, prices-h, pboard, shave, shave-h, gauge, g-min, g-name, steps, barbers, barbers-h, crew, history, store, hist-h, rd-y, rd-p | functions=$, $$, clamp, onTick, frame, loop, hash, rng, sizePoles, drawPole, mkCell, setCell, makeFlaps, padTo, flipTo, flipText, flipRow, flipBoard, again, nyNow, mkDay, fmt, fmtH, sched, isFree, slotsFor, fromMin, backDay, boardDay, renderBoard
ORIGINAL_PROMPT: prompt/sharp-lines-barber.md (SHA256 da14f0d99b4c00c8169c7f68e61685612b13a10770b0c2293e4ac4c77aeae88e)
EXAMPLE_SOURCE: example/sharp-lines-barber.html (SHA256 f66606d72b21705eac861bc404ebf449b201b87fbe6df248f75be41e66e627ec)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\sharp-lines-barber\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
