FP65 | Kitebox | FIT=C | Black Friday | 3D & WebGL
TECHNIQUES: scroll pin hover tap focus 3d rotate product card back filter mask motion responsive checkout contact font hero gsap lenis
BORN_HOOD_ADVICE: 3D discount gift box not germane to normal BORN HOOD shopping.
DESIGN_SIGNATURE: 's colors] The design The idea: the year's one real discount, wrapped like a gift for people who make software. Fonts: Unbounded for big, tightly tracked headings, prices and countdown digits; Inter Tight for text. Colors: midnight #0E0B2B, kite violet #7A5CFF for the wrapping paper, mint #4BE3B5 for buttons and new prices, paper #F7F5FF for the light sections, ribbon red #FF4D6D for the ribbon, the deal bar and every price slash. Order: a ribbon-red countdown bar; a hero with a three-line headline on the left and a live 3D gift box on the right, violet paper with a faint kite pattern, a satin red ribbon and full bow, softly lit with violet and mint rim lights, sitting on a dotted design board inside a violet selection frame with a collaborator's cursor; a pinned unwrapping; the deal on paper with a giant 40%, a three-column price ledger and plain-words terms; a product tour with a sticky app window; a seats calculator; customers on violet; a founders' note; questions; a last call wrapped in a ribbon and bow. Signature: as you scroll, the box turns, the lid lifts and floats away, tissue springs up, light and sparks rise, and a foil deal card turns out to face you while each plan's old price is slashed in red and the new price counts down. Use the business's real deal, dates, prices and terms. Never invent urgency for a real business: no made-up seat or stock counts. Our 'seats left' counter is a wink that lands on 'All of them'; keep it only if true.
HTML_SURFACE: headings=One sale.Once a year.Unwrap it.; 40% off the first year of every annual plan; off the first twelve months of any annual plan. Pro, Team or Business, for ; One canvas, from first sketch to handoff.; Do the maths for your team.; 4,100 teams make software in Kitebox.; Why we only do this once a year.; Asked before checkout.; Wrapped until Monday, 23:59. | ids=n, logo, i-check, i-arrow, i-gift, i-cursor, menu, top, gl, fbv, fbr, h1, deal, deal-h, terms, product, prod-h, seats, seats-h, seats-n, teams, teams-h, note-h, faq, faq-h, claim, bw1, bw2, claim-h, em | functions=raf, onScroll, setMenu, cyberMonday, tick, slash, paintGift, paintPlans, loop, fitBoard, calc, boot, kite, tray, poly, strip, tissue, bandPts, rr, logo, drawCard, resize, frame
ORIGINAL_PROMPT: prompt/kitebox.md (SHA256 f27c20b6846d7dabc9d1fa2a14befaf46fcf0cb4cb0ae5eadb47d38b71acbee6)
EXAMPLE_SOURCE: example/kitebox.html (SHA256 d6697926e38ff691e38ad0a54a27c8799a2b8ffb4dcca9aed0b00c28eb4dda81)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\kitebox\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
