FP31 | Clara Jensen | FIT=B | Professional | Editorial
TECHNIQUES: scroll scrub video hover focus 3d rotate card front back filter reveal mask motion responsive contact font hero gsap lenis
BORN_HOOD_ADVICE: Magazine portrait treatment may improve artist bio hierarchy.
DESIGN_SIGNATURE: 's colors] The design Idea: a warm, confident magazine profile of a person worth hiring. Fonts: Ibarra Real Nova for headlines, quotes and italic accents; Figtree for body text and small spaced-out capitals. Colours: warm white #FAF7F2 background, ink #1C1B19 text and the dark inquiry and footer, deep plum #4A2A40 for accents and the method section, ochre #D19A3F for hairlines and highlights, blush #EAD7CF for the hero's left page and two light sections. Layout, in order: a hero built as a two-page spread, a blush left page holding a tall arched portrait and a warm-white right page with running heads, folios, a huge three-line headline whose first line reaches back across the fold over the arch, a standfirst, two buttons and three facts; 'As heard at' as a big serif index of events beside a giant count-up number; a long profile with a drop cap, an offset ochre-framed photo and an 'In brief' sidebar, then a pull quote; three programs with prices beside a sticky photo; the method in three steps; a testimonial wall; the book and newsletter; a speaking inquiry form; a footer with the name set huge. Motion: on load the portrait rises inside its arch, an offset ochre outline draws around it, and the headline sets itself word by word, each word rising from behind its line. On scroll the pull quote inks in word by word, the sticky photo wipes to each program, a nested arch draws for each method step, and testimonials drift endlessly in two columns going opposite ways, faster when you scroll. Details: paper grain and hairlines.
HTML_SURFACE: headings=Lead the room without raising your voice.; Two hundred and twelve rooms, give or take.; Fourteen years running operations. Then the work she’d been doing in corrid; Three ways in. Each one starts with a conversation, not a proposal.; Listen. Say. Hold.In that order, every time.; What clients wrote afterwards.; Quiet Authority; Bring Clara to your stage. | ids=n, menu, main, top, hero-title, heard, heard-title, profile, profile-title, brief-title, programs, programs-title, pg1, pg2, pg3, method, method-title, letters, letters-title, book, book-title, nl-email, inquire, inquire-title, f-name, f-email, f-org, f-event, f-date, f-size, f-msg | functions=
ORIGINAL_PROMPT: prompt/clara-jensen.md (SHA256 f01c410b39ee5327b54bc5c392995c3740dc8da269e90b5e0cb8f4d7f4000b72)
EXAMPLE_SOURCE: example/clara-jensen.html (SHA256 a29ff0d2c94bd93d4827e5f61e30cd9d9405c4eba7deea15aa3fbb2fe0c5a39f)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\clara-jensen\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
