FP03 | Pâtisserie Odette | FIT=C | Food & drink | Playful & bold
TECHNIQUES: scroll pin hover tap focus rotate shop back filter motion font hero gsap lenis
BORN_HOOD_ADVICE: Toy-stacking animation clashes with streetwear authenticity.
DESIGN_SIGNATURE: 's colors] The design The idea: a pastel pâtisserie box opened up, joyful, with every pastry drawn in real dimension. Fonts: Fraunces, soft and wonky, for big headlines with heavy italic accents; Figtree for body text and spaced capitals. Colors: cream #FFF8EE background, rose #F4B6C2, pistachio #C9DDB8, butter #F7E3A1, cocoa #4A2C2A for text and dark panels, framboise #B8325A for italic accents. Draw macarons seen from slightly above: domed shells with a soft sheen, frilly feet and a filling line with a ribbon of jam, each flavour its own colour and topping. Cakes get the same care: mirror glaze, halved strawberries, torched meringue, lace doilies. In order: a hero whose headline ends in one giant italic word, beside a rose-striped arched window holding a pistachio cake stand; a cocoa board of today's bake that follows the real weekday; a pistachio wall of twelve macarons on shelves; cakes to order in a staggered two-column spread with turning order-ahead stamps; a butter-yellow pastry school; the shop with hours and a drawn street map; a box builder beside the order form; a cocoa footer with the name set huge. Section edges are scalloped like a doily. Signature move: the hero holds still as you scroll and macarons fall one at a time onto the stand, squash as they land and stack into a dozen while a counter names each flavour; the view pulls back as the tower grows and a flag pops on top. On the wall, the macaron nearest the middle of the screen wobbles and shows its name, as it does on hover or tap.
HTML_SURFACE: headings=Sugar, almonds & a little joie.; La fournée du jeudi; Twelve flavours, piped at six, gone by four.; Cakes worth giving us a little notice.; Learn the macaron, from egg white to feet.; The door with the pink awning.; Build your box. We'll tie the ribbon. | ids=n, defs, nav, openSt, burger, menu, main, top, hero-title, mCount, mName, mDots, stage, today, today-title, tDay, tDate, tNote, croissant, cTxt, cBar, bake, days, daysCap, macarons, wall-title, readout, roDisc, roUse, roNo, roName, roEn, roD, shelves, cakes | functions=deco, ruff, pores, macSide, macTop, stand, setMeter, plate, goldBoard, doily, crumbs, rasp, berry, cakeOdette, cakeFraisier, cakeOpera, kiss, cakeTarte, renderDay, setAct, bow, drawBox, updSum, closeMenu, split, walk
ORIGINAL_PROMPT: prompt/patisserie-odette.md (SHA256 50cc9abba53e1bbaf8d6b82fc7a764bf8120b67b01b2289e692e28e3b3617d17)
EXAMPLE_SOURCE: example/patisserie-odette.html (SHA256 f00ed35126f4d602b9896064b0009c2a200a901f2122f96951e9cbeb841c734c)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\patisserie-odette\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
