FP53 | Ines Duarte | FIT=B | Creators & personal | Minimal & calm
TECHNIQUES: scroll scrub pin hover touch focus rotate shop back gallery filter reveal mask motion responsive contact font hero film gsap lenis
BORN_HOOD_ADVICE: Contained swipeable horizontal release/gallery strip; avoid scroll hijack.
DESIGN_SIGNATURE: 's colors] The design Idea: the photographs are the site, a slow walk sideways along a gallery wall of prints, captions as quiet as museum labels, one big name. Fonts: Cormorant Garamond (light and light italic) for the name, headings, numbers and prices; Epilogue for body text and small spaced capitals. Colours: paper #F4F2EE background, ink #161616 text, film grey #8C8A85 for edge markings, graphite #5E5C57 for captions, mat board #DCD8D0 for hairlines, and safelight red #A9482C only for tiny dots and the active number. Order: a hero with the name huge on two lines, the italic second line stepping right until it crosses the pale sky of a tall portrait; the gallery; three series as a large numbered index beside a sticky cover photo; about with a pull quote, contact sheet and four big numbers; an editorial price list; clients on a near-black band; 'Write to me.' set huge beside an enquiry form; a footer reading 'End of roll 36 / 36'. Motion: on load the portrait wipes upward and develops from washed-out to full colour while the name's letters rise. The signature move: scrolling pins the gallery and drifts ten photos sideways at varied sizes and heights, each with film-edge text above it; a large '04 / 10' counter rolls to whichever photo is nearest the middle, its caption darkens and a tick moves along a thin progress line. Clicking a photo grows it into a dark full-screen viewer with arrows and swipe. Details: soft grain, muted photos, a contact sheet circled in red grease pencil, client names developing from grey to white.
HTML_SURFACE: headings=InesDuarte; Ten frames, chosen from about four hundred rolls.; Three bodies of work, all still open.; I wait for the moment people forget the camera. On the coast that takes abo; What a day with me costs.; Write to me. | ids=n, top, menu, main, frames, g-title, series, s-title, about, a-title, rates, r-title, clients, c-title, contact, k-title, f-name, f-mail, f-kind, f-date, f-where, f-msg, viewer | functions=
ORIGINAL_PROMPT: prompt/ines-duarte.md (SHA256 4a7c4b662ba2d6363a733013909663cf0a994249a6a340251521ff651372b33d)
EXAMPLE_SOURCE: example/ines-duarte.html (SHA256 7914f03368e20faad4bd0a2d864fc09c9e4e1dd6bc0288465972507c78902ebb)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\ines-duarte\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
