Notification Storm to Calm

A phone erupts in a swarm of 38 notification cards under red neon; on the cut the swarm is sucked back in, the light turns to moonlight and teal, and the screen assembles into one calm grouped inbox.

A bedroom corner at midnight: a wooden floor, a wall striped by blind-slat shadows, a nightstand with a lamp, books and a tea cup, a bed and a fig tree, the light shifting from a harsh, tense storm glow to a cool calm moon wash. Four beats over 25 s at 120 bpm: a tense burst on the beat, a cut where everything is pulled in and the light calms, a raking close-up, then a gentle pull back.

Length: 25 s
Scenes: 4
Device: iphone
Style: realistic place
Camera: orbit, ultra closeup, pull back

//
    TPL-NOTIFYCALM — template 8, "notification storm to calm". 25 s, 16:9, 1920×1080 @ 30.
    Sample app: HUSH, a focus inbox that groups every ping into a calm digest. Treatment: treatment.md.

    THE IDEA. Midnight on a bedside table. The phone will not stop: dozens of notifications erupt out of
    it and swarm around it in rings, buzzing, under a red neon that cuts through the blinds. On the cut,
    Hush takes over: the swarm is sucked back into the phone, the room light turns from red to moonlight
    blue and teal, and the screen ASSEMBLES (ui-assemble) into one clean grouped inbox. The inbox
    scrolls, a Sleep focus types itself in, and an ULTRA close-up rakes along the badge that says it all:
    "12 → 1 digest". Pull back to the quiet bedroom; "Hush" on the wall.

    THE WORLD (1 unit = 1 mm, y up). A bedroom corner: dark oak floor, a grey wall at z −500 striped by the
    shadows of window blinds (real slats, off frame left), a walnut nightstand (top at y 560) with a reading lamp, books, glasses and a tea cup, a
    double bed to its right (upholstered headboard, linen duvet, two pillows), a fig tree on the left.
    The iPhone stands in a walnut charging stand at (0, 576, 16): glass centre ≈ (0, 653, 20).
    The swarm is four rings of free-floating ui3d cards (64 × 15 mm, HTML → ui3d), each ring a `g`
    centred near the phone: A (0 715 130) r135 ×7 · B (0 730 340) r225 ×10 · C (−30 760 560) r350 ×12 ·
    D (0 760 −300, behind the phone) r250 ×9 = 38 cards. A ring is born / swallowed by its `scale`
    (0.02 ↔ 1) plus `position` keys between its centre and the glass (0 653 20). A `g` ignores static
    transform attributes, so every g is placed by one-key channels (see treatment.md, engine notes).

    PALETTE. Storm: neon red #FF3047, ember #C4102A, night #14070A, card paper #F6F2F3.
             Calm (Hush): ink #0A1416, surface #12262C, line #1F3D43, teal #6FE3C8, moon blue #9CC4FF,
             text #E8F3F1. Room: oak, walnut, grey wall #3A3D42, linen #D8D6D0.

    BEATS AND SCENES (music 120 BPM: a beat = 0.5 s, a bar = 2 s; every cut on a bar line):
      n1-storm   0–6     HOOK. The dark bedside; the phone buzzes; four rings of notifications burst out
                         of it on the beats (0.3 · 1.3 · 2.3 · 3.3) and orbit; the lock screen piles up.
      n2-hush    6–14    FEATURE. Cut on the bar: the swarm is sucked into the phone (0–1.3); the light
                         turns red → moonlight/teal (1.0–3.2); the Hush screen ASSEMBLES — wallpaper,
                         content, chrome, badge stream in, hover as an exploded staircase (seen ¾ from
                         the right), pack home while the camera swings to the front (5.4–6.8).
      n3-inbox   14–20   PROOF. The inbox: "Sleep focus · until 7:00 AM" TYPES (typewriter) and the
                         toggle flips; the grouped list SCROLLS (`scroll` channel); ULTRA CLOSE-UP on the
                         badge "12 → 1 digest", lens 55–58° off the glass, the "12" dims while the badge pops.
      n4-end     20–25   CTA. Pull back to the calm bedroom; "Hush" (text3d) rises on the wall, the line
                         "Every ping. One calm digest." under it.

    TEMPLATE SWAP POINTS — to re-skin this for your own app:
      · APP NAME: text3d#end-name text, the line text3d#end-line; in tpl-notifycalm.screens.html the
        header "Hush" in hush-nav and hush-inbox; this header comment.
      · SCREENS (tpl-notifycalm.screens.html → `npx tsx scripts/html-screens.mts …` → paste the blocks):
          lock-storm            the "before" lock screen (s1, and t-lock in s2)
          n-slack … n-game      the eight swarm cards (templates cd0–cd7); keep 64 × 15 mm
          hush-wall / -content / -nav / -action   the four layers that assemble (t-wall, t-content,
                                t-nav, t-action) — keep them at the same coordinates as hush-inbox
          hush-inbox + inbox-list   the finished screen (s3 with channels,