FP24 | Quiet Harbor Counseling | FIT=C | Wellness | Soft modern
TECHNIQUES: scroll video hover touch focus rotate card front back filter reveal mask motion responsive contact font hero gsap lenis
BORN_HOOD_ADVICE: Harbor wave narrative incompatible with streetwear branding.
DESIGN_SIGNATURE: 's colors] The design The idea: a safe harbor at dusk, gentle, unhurried and easy to read, where the tide comes in as you scroll. Fonts: Newsreader for headings, light and tightly spaced at large sizes with one italic word per heading; Atkinson Hyperlegible for body text, set generously large. Colors: sand #EFE6DA and shell white #FBF8F3 for light sections, harbor blue #2E4057 for text and dark sections, dusk blue #A9B8C9, sage #B7C4B1 for one calm panel, and lamp light #E7B866 only for small glowing dots. Order: a slim crisis-line strip above the nav; a full-screen hero with a big two-line headline over a warm sky, a low sun behind soft far mountains, a tiny lighthouse and five layers of waves glinting with sunlight, key facts floating on the front wave; plain-language rows of what you help with; therapists in offset pairs with round portholes showing their own hour on the water; a three-question fit helper in a white card on dusk blue; fees with a sliding-scale calculator; the first session as a line of buoys; questions; a contact form beside a clear crisis panel, a drawn local map and office hours; a night-blue footer with the name set huge. Motion: the waves drift slowly at different speeds. As you scroll, the hero holds while the tide rises over the headline, the sky dims, the sun sets and 'You don't have to have the words yet' rises line by line out of the water. Buoys bob, the logo fills with water as you read, and the tide rises again at the footer.
HTML_SURFACE: headings=Come in fromthe weather.; You don’t have to have the words yet.; What people bring to us.; Four people, one quiet practice.; Three gentle questions.; Plain numbers, no surprises.; No surprises at the door, either.; Things you might be wondering.; Reach out whenever you’re ready. | ids=n, i-ar, i-back, i-ok, mk, menu, main, top, glow, h1, words, words-h, help, help-h, therapists, team-h, t-helen, t-gabriel, t-esther, t-rowan, fit, fit-h, fees, fees-h, inc-o, inc, hh-l, first-session, first-h, okay-h, questions, faq-h, contact, contact-h, crisis | functions=
ORIGINAL_PROMPT: prompt/quiet-harbor-counseling.md (SHA256 d8f0cf33a48b5e35b3217e7a53ac7a627541565c272b65e0658c039e4f61c440)
EXAMPLE_SOURCE: example/quiet-harbor-counseling.html (SHA256 927309a0374b1d5e9a7cbbf14a9eb73d5030f1cce18890d16dbee587f30584e2)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\quiet-harbor-counseling\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
