Product Experience v5 · Tasks

Contract

• T01 Freeze current main before-state and verify Product Entry v4 functionality remains the baseline capability set.
• T02 Preserve exact WeiUI generated foundation + Story Loom import order.
• T03 Keep public Product Site authority-free and free of private Core imports.

Shell

• T10 Add v5 one-time appearance migration to warm light default.
• T11 Recompose sticky app bar as compact atelier tool strip.
• T12 Preserve locale/theme toggles, Command Palette, mobile menu and mobile bottom navigation.

Home

• T20 Rebuild hero as Story Loom Atelier desk with compact copy and direct Studio/Knowledge/Architecture entry.
• T21 Recompose capability ribbon as lane-colored tactile tabs/stickers.
• T22 Recompose context/readiness labs into one notebook/workbench spread.
• T23 Recompose Studio/Knowledge/Architecture/Publication doors into asymmetric product shelf.
• T24 Recompose Knowledge preview into a real data-backed library/shelf surface.
• T25 Remove repeated giant-heading + two-card visual rhythm and reduce dead vertical space.

Routes

• T30 Compact InteractiveRouteFrame; no route begins as a giant brochure hero.
• T31 Restyle Product browser as a dense interactive work surface.
• T32 Restyle Studio route around the real hosted entry and capability state.
• T33 Preserve Architecture explorer behavior with atelier composition.
• T34 Preserve Publication profile switching with atelier composition.
• T35 Preserve full Knowledge search/filter and document reader routes.

Visual system

• T40 Make Story Loom lane colors visibly drive surface identity.
• T41 Use premium-kawaii shape language: paper/tape/sticker/scallop/squircle/tactile motifs.
• T42 Keep kawaii secondary to product clarity; no mascot or emoji may obscure a primary action or state.
• T43 Add progressive modern CSS layer with :has, container queries, scroll/view timelines, View Transitions, @property, @scope, @starting-style, discrete transitions, masks/blends and guarded anchor/corner-shape support.
• T44 No infinite idle animation, decorative frame loop, or default polling.
• T45 Preserve reduced-motion, keyboard focus, 44px semantic touch targets and mobile no-overflow behavior.

Quality and deployment

• T50 Update Product Site quality contract for v5 identity and hard boundaries.
• T51 npm run quality passes including WeiUI sync and documentation ingestion.
• T52 tsc --noEmit + Vite production build pass.
• T53 Cloudflare Pages production deployment and custom-domain post-condition pass.
• T54 Desktop/mobile visual review remains required before v5 presentation acceptance.