FP40 | Dew Theory | FIT=B | Shops & brands | Soft modern
TECHNIQUES: scroll pin hover focus rotate product shop front back filter motion font hero film gsap lenis
BORN_HOOD_ADVICE: Tactile lighting and product-selection transitions, not liquids.
DESIGN_SIGNATURE: 's colors] The design The idea: clinical-soft skincare where light passes through the product. Fonts: Instrument Serif for big, tightly tracked headings with italic accents; Hanken Grotesk for body text and small uppercase labels. Colors: dew #EAF2EF and milk #FBFAF8 backgrounds, serum amber #E9B872 for light and accents, sage #8EA494 with deep sage #4C6153 for italics and labels, ink #1C2321 for text and one dark section. Draw the products as near-photoreal glass bottles, not flat icons: thick walls with darker green edges, soft window highlights, a heavy base that catches a bright line, labels printed on the glass, and liquid with a lit surface. Clear liquid flips and magnifies the type behind it like a lens, and each bottle casts a soft shadow with a pool of colored, focused light inside it. Order: a hero on a misted glass backdrop where droplets condense, grow heavy and run down leaving clear trails, headline left, three bottles on a white bench; a sticky stage where one large bottle stands before its key percentage and swaps as the product write-ups scroll past; a routine builder where skin type and concern set morning and night shelves; an A to Z ingredient glossary with a giant gradient letter; a dark science section where scrolling fills the mortar between skin-cell bricks and water stops escaping; reviews; a warm golden shop section; an ink footer. Motion: liquid pours in on load, tilts and sloshes with scroll speed, then settles with a wobble; chosen products drop onto the shelves and slosh as they land.
HTML_SURFACE: headings=Hydration you can see through.; Three bottles. Nothing to decode.; Tell us your skin. We'll set the shelf.; Every ingredient, in plain English.; Skin is a wall. We fix the mortar.; Reviews; All three, one shelf.; Lab notes, once a month. | ids=n, drop, arrow, menu, main, top, hero-title, formulas, f-title, f-dew, fn-0, f-oil, fn-1, f-milk, fn-2, routine, r-title, r-sum, glossary, g-title, g-a, g-b, g-c, g-e, g-f, g-g, g-h, g-n, g-p, g-s, g-t, g-w, g-z, science, s-title | functions=E, f, prof, lg, pipette, label, bottle, draw, step, scene, remove, kick, frame, rng, put, wipe, mk, init, sim, paint, loop, wallBd, setMenu, formulasTick, glossTick, onScroll, plan, ghostSvg, makeStep, fillCap
ORIGINAL_PROMPT: prompt/dew-theory.md (SHA256 5ac0de2b6227b6dfd83cffefaddb9b66ccee7cfe2d3809c2501c51e57dd71a6c)
EXAMPLE_SOURCE: example/dew-theory.html (SHA256 80c31fa5c4677135dc845e2dea81751e2a015ba91c928d9ba4bd5d94dd4cd375)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\dew-theory\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
