FP25 | Harlow & Vance | FIT=C | Professional | Quiet luxury
TECHNIQUES: scroll scrub pin parallax video hover tap focus rotate back filter mask motion responsive contact account font hero gsap lenis
BORN_HOOD_ADVICE: Index accordion is standard UI; little differentiating value.
DESIGN_SIGNATURE: 's colors] The design An old firm's engrossed deed set with modern clarity: ivory paper, navy ink, brass hairlines and restraint everywhere. Fonts: Libre Caslon Display for headlines and big numerals, Libre Caslon Text italic for emphasis and a large brass ampersand, Hanken Grotesk for body and small spaced capitals. Colors: ivory #F7F3EA, navy #0B1F3A, brass #A88B53, slate #5B6676, vellum #ECE5D5. Square corners, no cards, no shadows. Open every section with a double rule and a § number. In order: a fixed nav; a full-screen hero whose two-line headline sits on ruled lines, a numbered pleading-paper margin ruled in brass and a giant outlined ampersand behind; four practice areas as an index list; a navy results section with one enormous brass dollar figure, three smaller counters and a ruled docket of cases; the partners in a two-by-two ledger with engraved oval monograms; four numbered promises beside a sticky heading, then a published fee schedule; three articles led by a navy typographic plate; a navy contact section with the form on an ivory sheet of pleading paper and a drawn street plan; the firm's name spanning the full footer. Motion: on load the page is ruled first, then the headline rises onto its lines and the ampersand draws itself in brass. Every hairline draws across as its section enters, like a document being ruled. Signature: the practice index holds still while you scroll and each row opens in turn into a short summary with a smooth height change, a big brass numeral keeping count; hover or tap opens rows too. Results count up in brass.
HTML_SURFACE: headings=Counsel that holds its nerve.; Four practices, kept deliberately few.; Judged on outcomes, not on hours.; Every matter carries a partner’s name, and a direct line.; The first conversation is free, and it is with a partner.; Written plainly, for clients first.; Tell us what happened. We’ll tell you where you stand.; The Haverly Letter | ids=n, nav, menu, main, top, hero-h, practice, practice-h, pab1, pap1, pab2, pap2, pab3, pap3, pab4, pap4, results, results-h, partners, partners-h, approach, approach-h, insights, insights-h, contact, contact-h, consult, c-name, c-reach, c-area, c-what, c-when, hatch, sub-e | functions=safe, band, paths, openMenu, closeMenu, upd, fit, sizeCounts, ampLen, drawAmp, fitAmp, intro, go
ORIGINAL_PROMPT: prompt/harlow-and-vance.md (SHA256 01f28054ae24b3bafcb60cb1af602cc6fdaf5db50b4e9172aec317430e33826f)
EXAMPLE_SOURCE: example/harlow-and-vance.html (SHA256 ceeb5ac12c1df6ab0ce3c6d6814efe4882e8f976e6f4f7a89ddad7b4b3ac1cdf)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\harlow-and-vance\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
