FP29 | Maison Elm | FIT=B | Professional | Editorial
TECHNIQUES: scroll scrub pin parallax hover tap touch focus rotate card front back swatch filter reveal mask motion contact font hero gsap lenis
BORN_HOOD_ADVICE: Cinematic photo spreads can guide one compact editorial collection sequence.
DESIGN_SIGNATURE: 's colors] The design Idea: a shelter-magazine feature on one house: warm, unhurried, asymmetric photo spreads and material swatches taped beside every room. Fonts: Gilda Display for headlines, numerals and quotes; Mulish for body copy and small spaced capitals. Colours: linen #F1EBE3 background, plaster #E6DED3 for the tour and sample board, walnut #5A3E2B for buttons and press, sage #A3AE96 for numerals and tape, ink #1F1B17 for type and footer. Every photo shares one warm late-afternoon light. Layout, in order: a hero with a huge two-line headline left, a tall room photo right, a small detail photo with a magazine caption and three swatches taped over the photo's corner; a philosophy statement with a pill-shaped photo inside the sentence and four counting figures; the tour; three ways to work as a ruled list with fees; the process beside one giant numeral; selected houses in an offset grid; a sample board of swatches beside a sources list; a press quote on walnut; a form on a taped card; a dark footer with the name set huge. Motion: on load the main photo wipes up, headline lines rise from masks and the swatches drop onto the photo. Signature: the room-by-room tour holds on screen while the house slides sideways as you scroll down. Each room arrives with its number, caption and three swatch cards that tumble in; the photo drifts inside its frame and a close-up inset floats over its corner. A room index and a thin line show progress. Details: paper grain, drawn material textures (limewash, velvet, brass, heart pine, ticking), tabular prices.
HTML_SURFACE: headings=Warm rooms,slowly made.; We start with the light, with the oldest thing in the house, and with how y; The Tradd Street House; Three ways to work with us.; Other houses, the same light.; The sample board.; Press; Tell us about the house. | ids=n, menu, main, top, hero-title, philosophy, philo-title, tour, tour-title, services, svc-title, process, work, work-title, materials, mat-title, press, press-title, contact, contact-title, f-name, f-email, f-phone, f-where, f-budget, f-when, f-note, nl | functions=
ORIGINAL_PROMPT: prompt/maison-elm.md (SHA256 8fcbae932559b9f264e1dfe4afead7d88c3a3eaba11d5d48ffee0f7610a16ab4)
EXAMPLE_SOURCE: example/maison-elm.html (SHA256 a9a0ff985f83b0562febee53e324e04e788143db3cb5a57b6f5b25c2d4e73a07)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\maison-elm\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
