019 sections · React 19 + Vite + framer-motionIn plan $40/mo$79
No. 01THE SITE IN 9 SCREENSHOTS
Section index
01Hero
02Overboard sequence
03What it does
04Tested
05Gallery
06The specs
07Crews say
08Get one
09Closing
First lines of the prompt · 1,500 of 112,050 characters
--- Site: HALYARD (halyard.example.com), a fictional pocket emergency beacon for sailors (scramble-blur titles, scroll stage sequence, slot-morph carousel, equalizer signal card, specs indicator menu, blinds closing). Single page, English. Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video. Fonts: Archivo and JetBrains Mono, both from Google Fonts. Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS). Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies. Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html. --- # HALYARD — pocket emergency beacon landing, an overboard sequence pinned to the scroll **What it is.** The product landing page of Halyard, a fictional pocket emergency beacon for sailors: a rugged orange device that clips to a life jacket, sends a position to the crew's phones and to the coastguard channel when it goes in the water, and lasts a season on one charge. Single page, English. Brand, figures, tests and quotes are fictional; the footer says so. **Why it exists as a product.** Sold as a prompt whose selling point is motion.
The full prompt appears after you copy. 112,050 characters, nothing summarized.
More from the catalogue
Same category first, then the next numbers











