FP39 | Rosa Kett | FIT=A | Shops & brands | 3D & WebGL
TECHNIQUES: scroll scrub pin video hover touch focus 3d rotate back gallery filter collection reveal mask motion contact font hero gsap lenis
BORN_HOOD_ADVICE: Geometry-based 3D drag and material glints for approved five-point crown.
DESIGN_SIGNATURE: 's colors] The design The idea: one perfect ring, lit like a jewel case. The page is velvet black; a live 3D ring is the only light. Fonts: Bodoni Moda for huge, tightly tracked headings; Jost Light for body text. Colors: velvet black #0E0D0C, champagne #E9DCC6 for text, warm gold #C9A15C for prices, rose #D9A7A0 for focus rings, ivory #F7F2EA for two light sections. Render the ring live in 3D: a polished gold band, four claws, a faceted gem that refracts and sparkles, a soft contact shadow and a pool of light beneath, lit by a dark studio with softbox strips; if 3D is unavailable, show a drawn ring instead. Sections: a hero with the business name set huge in two words and the ring standing between them; the collection as a priced list, with the ring gliding into a sticky display case and turning into whichever piece you scroll to or point at; a pinned 'made by hand' sequence where scrolling draws the ring as a wireframe, carves it in green wax, casts it in raw gold, sets the stone and polishes it, with an hours counter and labels that track the ring; materials on ivory with alloy bars and a stone-origin table; a bespoke configurator that restyles the 3D ring live; a ring sizer drawn as a technical dial; a booking form beside a drawn street map; a footer with the name set huge. Motion: the ring turns slowly, turns further as you scroll, lingers at its best angle, glints as facets catch the light, and can be dragged.
HTML_SURFACE: headings=Rosa Kett , fine jewelry made by hand in New York; The collection; Made by hand, start to finish; Recycled gold. Stones with a paper trail.; Bespoke commissions; Find your size; Visit the studio | ids=n, rk-metal, rk-metal-in, rk-stone, rk-soft, ring-art, menu, gl, main, top, hero-title, collection, col-title, atelier, at-title, materials, mat-title, bespoke, bes-title, sizing, size-title, size-svg-t, arr, sz-out, sz-in, sz-dim, sz-lab, sz-lead, sz-band, size-out, size-range, size-read, sz-uk, sz-eu, sz-d | functions=setMenu, setPiece, pickPiece, atelierTick, onScroll, readCfg, frac, fracHTML, sizeUpdate, loop, startIntro, go, reveals, boot, gemMaterial, outline, gemGeometry, bandGeometry, buildSolitaire, buildLines, buildSignet, buildEternity, buildHoops, buildStuds, buildDrops, addGlint, solitaireGlints, updateGlints, makeEntry, buildBespoke
ORIGINAL_PROMPT: prompt/rosa-kett.md (SHA256 24169cb13b9ec6d0228707c6520b65060eee5b4bde5a22b4766a2bb69c650767)
EXAMPLE_SOURCE: example/rosa-kett.html (SHA256 ad05642bba5bf1e4f98ca79611cb267a83b020b1f68afa84fb06363d1da278a6)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\rosa-kett\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
