Device Showroom

The app is an exhibition: four plinths each carry a device turning on a brass turntable showing one feature, and the camera walks the row like a visitor while plaques name each feature in 3D lettering.

A quiet gallery hall with a polished stone floor that reflects a row of plinths, each with a turning metal turntable, a deep recessed bay and its own gallery spot, a pale wall with pilasters and a metal reveal line, and soft ceiling light strips. A visitor's walk over 26 s at 120 bpm: five beats of about 5 s, one per plinth, ending as the camera rises and pulls back to the whole row.

Length: 26 s
Scenes: 5
Device: iphone, ipad
Style: realistic place
Camera: low angle, tracking, turntable, ultra closeup, crane, pull back

//
    TPL-SHOWROOM — "The Harbor Exhibit". Template 6 of 10: DEVICE CAROUSEL SHOWROOM. 26 s, 16:9, 30 fps.
    Treatment: treatment.md. Preview: http://localhost:4444/runtime?project=projects/templates/tpl-showroom/tpl-showroom.promo

    THE IDEA. The app is the exhibition. A quiet gallery hall, four plinths in a row, a device on each
    one turning slowly on a brass turntable, each showing one feature of Harbor (a personal banking
    app). The camera walks the row like a visitor: it stops at each plinth, the screen does its one
    thing, the plinth's plaque names the feature in 3D letters. It ends standing back from the whole
    row with the exhibition title on the wall: Harbor.

    THE WORLD (1 unit = 1 mm). A gallery 4 m wide, 3.2 m high: a dark polished stone floor (a
    reflector), a warm-white back wall at z = -700 with pilasters every 800 mm and a deep-navy bay
    panel behind each plinth, a brass reveal line at y 1920, a ceiling with three light strips. Plinths
    420 x 1000 x 420 at x = 0 / 800 / 1600 / 2400, z = 0, a navy plaque on each front face. On each
    plinth top a turntable RIG (a group, `parent=`): a brass disc, a smoked-acrylic back rest and the
    device leaning on it 6°. The RIG turns (rotation channel); the devices never translate (a device
    with a `position` channel blanks every screen overlay).

    PALETTE. gallery wall #E9E4DA · floor #24211E · bay navy #12283D · brass #C9A46A ·
    Harbor UI: night #0A1A2B · panel #11263B · sand #F4EFE6 · tide (accent) #2EC4B6 · coral #FF7A59.

    BEATS AND SCENES (music 120 BPM: a beat = 0.5 s, a bar = 2 s; every cut on a bar line or half-bar):
      s1-balance  0–6      HOOK + FEATURE 1. Low across the polished floor at the hall's entrance, the row
                           receding; the walk to plinth 01. The iPhone turns to face us; the balance
                           chart's bars grow (bottom-pinned scale.y + position.y); plaque 01 rises.
      s2-send     6–12     FEATURE 2 (+ the ULTRA CLOSE-UP + TYPEWRITER). Plinth 02: the camera dives into
                           the amount field 55° off the glass while "$240.00" types (typewriter), the
                           note types as it pulls out; Send dips; the receipt GROWS from the centre
                           (expand-input "centre" rig: scale + opacity). Plaque 02.
      s3-goals    12–18    FEATURE 3 (ASSEMBLE). Plinth 03: the iPad turned side-on, its screen black;
                           the four layers of the savings-goals screen stream in from off frame (ui-assemble:
                           wall / cards / frame / button), hover as an exploded staircase, pack home while
                           the turntable brings the iPad round to face us. Plaque 03.
      s4-card     18–21.5  FEATURE 4 (proof of control). Plinth 04: Freeze card flips on, the card frosts,
                           "Frozen" pops. Plaque 04.
      s5-end      21.5–26  CTA. Up and back to the whole row; the exhibition title rises on the wall:
                           "Harbor" in text3d with "MONEY, ON DISPLAY" over it.

    ═══ TEMPLATE SWAP POINTS — what you change to re-skin this for your own app ═══
      1. APP NAME: text3d#end-name text (s5) and the "harbor" wordmark inside tpl-showroom.screens.html
         (hb-card) — then re-run the converter (step 3).
      2. TAGLINE / OVERLINE: text3d#end-over (s5).
      3. SCREENS: edit tpl-showroom.screens.html, one <section data-ui> per plinth:
           hb-balance (plinth 01, iPhone) · hb-send (02, iPhone) · gl-wall/gl-content/gl-nav/gl-action
           (03, iPad, the four assemble layers) · hb-card (04, iPhone). Keep the data-promo-id ids the
           channels drive (bal-b1..b7, sd-amt, sd-ph, sd-amount, sd-noteph, sd-note, sd-send, sd-done,
           cd-trkon, cd-knob, cd-frost, cd-badge). Convert:
           npx tsx scripts/html-screens.mts projects/templates/tpl-showroom/tpl-showroom.screens.html \
             projects/templates/tpl-showroom/tp