FP55 | Sea of Glass | FIT=B | Creators & personal | 3D & WebGL
TECHNIQUES: scroll scrub pin video hover focus 3d rotate card shop front back filter motion font hero gsap lenis
BORN_HOOD_ADVICE: Object turn/lighting relevant only if true garment geometry exists.
DESIGN_SIGNATURE: 's colors] The design The idea: a book you want to hold. Launch the novel like a collector's edition, its hardcover floating in deep, sunlit water and opening as you scroll. Fonts: Playfair Display for big, tightly spaced headlines and the cover type; EB Garamond for body text, small-caps labels and the book's own page. Colors: abyss #0B1E2D for dark sections, sea glass #9FD6CF for accents, foam #F2F4F1 for text and the light events section, storm #3D5566 for the author section, gold foil #C8A75D for foil and prices, paper #F2EDE1 for the excerpt. Build the book in real 3D: a cloth-blue cover with the title in gold foil above a drawn motif from the story, a rounded gold-stamped spine, colored sprayed page edges and soft lighting that shifts as it turns. Ripples of underwater light drift across the background and shimmer over the cover, and the foil glints as the angle changes. Order: a hero with a three-line headline left and the book right, turning in on load; a pinned sequence where the book turns to show its spine and edges, moves to the center and swings its cover open to an illustrated endpaper and the first page, whose lines fade in one by one as light sweeps across the paper; a paper excerpt with a deckle edge and a giant italic chapter title; praise with one huge quote that brightens word by word; the author; events as an index list; preorder with format tabs; a book club kit; a footer with the title in gold.
HTML_SURFACE: headings=The sea gives everything back. Eventually.; Low Water; Early praise; Isobel Marchand; Come down to the water.; Preorder now, and the tide brings something back.; Bring it to the table.; Letters from Gull Ledge. | ids=n, cloth, ray, foil, g-glass, g-foam, g-white, g-brown, g-kelly, g-blue, g-olive, g-cobalt, g-lav, g-black, g-red, ctype, cover-art, spine-art, menu, main, top, book, bk, hero-title, first-page, ex-title, praise, praise-title, bgp, bgc, soft, soft2, frost, cast, body | functions=setMenu, rng, glassPath, piece, rad, ring, at, face, buildSpine, wrap, measure, size, poseAt, norm, rotM, mm, mv, apply, makeGL, sh, nearest, frame, loop, split
ORIGINAL_PROMPT: prompt/sea-of-glass.md (SHA256 f9f82eb6e0c5daff31305ab3a9872048cbf913b145dbdbe8f792495d68475c32)
EXAMPLE_SOURCE: example/sea-of-glass.html (SHA256 c7b4dd79e54f22a70cfa0e3d2e2f8121796e8d239844b2231484b7122300ba09)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\sea-of-glass\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
