FP42 | Form & Grain | FIT=A | Shops & brands | Minimal & calm
TECHNIQUES: scroll parallax hover focus 3d rotate product shop front back filter collection motion font hero lenis
BORN_HOOD_ADVICE: Swatches synced to selected item, price, availability and imagery.
DESIGN_SIGNATURE: 's colors] The design The idea: a calm Scandinavian showroom, lit like a photo studio, where one chair is the star and you can try it in every finish. Fonts: Epilogue only, weight 300 for huge, tightly tracked headlines, 400 and 500 for body text and small spaced capitals. Colors: birch #EFE6D8 background, oak #C79A65, walnut #6B4A33, wool grey #B9B6AE, charcoal #2A2A28 for text and buttons, chalk #F7F2EA for panels. Draw every product as a refined three-quarter-view illustration, never an icon: solid wood with real grain lines, cathedral arches on wide boards, growth rings on cut ends; cushions with a woven texture, soft shading and piped seams; blurred shadows on the floor. In order: a hero with a huge headline on the left and the chair beside a floor lamp, window light falling across a curved studio wall; the configurator; the collection in an uneven grid of studio tiles, one dark tile with a glowing lamp; materials as an index of long wood planks and wool swatches; an exploded joinery drawing beside numbered making steps; a charcoal section with a giant oak 25 and an itemised carbon receipt; showrooms with a floor plan that draws itself and a booking form; a charcoal footer with the name set huge. Signature move: the configurator holds still while you scroll and steps through three finishes, oak with grey wool, birch with sand, walnut with forest green; the chair recolors smoothly as swatches, price and delivery date update, and clicking swatches does the same. Products rise slowly into place; headlines rise word by word.
HTML_SURFACE: headings=Made to behanded down.; A low chair for long evenings.; Four pieces, all made the same way.; Three woods. Solid all the way through.; Joined, not screwed.; What a chair costs, written down.; Come and sit in them.; Sit down. Stay a generation. | ids=nzf, nz, tw, twb, nav, bagN, menuBtn, menu, main, top, heroScene, lund, cfgTrack, cfgStage, lund-h, cfgChair, woodV, woodN, fabV, fabN, price, leadT, leadD, addBag, addTxt, tourList, tourBar, collection, col-h, materials, mat-h, craft, joint, jointSvg, craft-h | functions=$, $$, sub, add, mul, dot, cross, len, nrm, lerp, avg, d2, lp, un, r1, P, poly, line, rng, hull, cr, Cam, beam, box, cyl, faces, uv, vis, shadeOf, emitG
ORIGINAL_PROMPT: prompt/form-and-grain.md (SHA256 37f17e87bc5c7ee5fd918bfb20eb7d3b8c2798d37535baa700d4a9268d832782)
EXAMPLE_SOURCE: example/form-and-grain.html (SHA256 7e7b136504416b63b4aefca192652ff8fd4908600ff8486511802b3d9b2669ac)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\form-and-grain\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
