FP63 | Saltwater Skin | FIT=C | Black Friday | Soft modern
TECHNIQUES: scroll scrub pin hover tap touch focus 3d rotate product card shop back filter mask motion checkout font hero film gsap lenis
BORN_HOOD_ADVICE: Bundle progress only if commerce data verified; no invented gift tiers.
DESIGN_SIGNATURE: 's colors] The design Idea: a calm, sunlit bundle sale where the discount rises like the tide: spend a little more, save a lot more. Fonts: Instrument Serif for headlines, prices and big percentages; Manrope for body text, buttons and small spaced capitals. Colours: salt #FAFAF7 and sea foam #DDEFEA for light sections, deep tide #1F4E5A for the builder and footer, coral blush #F2A28C for glows and buttons, sand #E9DCC8 for routines and gift paper, ink #143841 for text. Layout, in order: a hero with a huge two-line headline beside a tall pill-shaped product photo, a slim glass tier gauge and a free-gift card; a tide table giving each tier a giant percentage, a worked example and the saving; the bundle builder; best-sellers with skin-type dots and a filter; morning and night routines beside a drawn sea; plain-words ingredients beside a sticky photo; reviews; a shipping FAQ; a deep footer with the name set huge. Motion: the headline rises word by word, the photo opens upward and the gauge fills. Signature: the builder holds on screen while a starter bundle adds itself as you scroll. Each product glows as it joins, the meter fills in a foam-to-coral gradient, the percentage ticks up, tier marks light, and at the top tier the ribbon slips off a wrapped gift card and its paper folds open. Any tap hands control to the shopper. Rippling water light drifts over the photos; the drawn sea turns from sunrise to moonlight. Use the business's real sale dates, tiers, prices and gift; never invent countdowns, stock warnings or urgency.
HTML_SURFACE: headings=Spend a little more.Save a lot more.; Three tides. One simple rule.; Fill the bag. Watch the tide come in.; The four we make the most of.; Four steps in the morning. Four at night.; What's in it, and what it actually does.; Before you check out.; The next sale, and nothing else. | ids=i-arrow, i-plus, i-minus, i-x, i-cal, i-tag, i-wave, i-gift, i-swap, i-pin, i-no, star, pouch, pg, hdr, navCount, mb, menu, main, top, gauge, tiers, build, pItems, clear, pPct, pTier, pNudge, meter, mAmt, tSub, tSave, tPay, chips, gift | functions=sh, vessel, tw, render, bump, demo, updDock, setT, setIng, setMenu, onScroll, split, setGauge, setupBuild
ORIGINAL_PROMPT: prompt/saltwater-skin.md (SHA256 84add455725a7f3917dcb61d74dc12d0337870c8eaa2b5fb7b1b1f831aa7ca71)
EXAMPLE_SOURCE: example/saltwater-skin.html (SHA256 3612e76f016e0b226d371200a8434fee7451b150083a8cb0128cffbbb46d466c)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\saltwater-skin\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
