Northdesk

The product's landing page is the set: the whole page lies flat on the floor of a dark void and one continuous low lens skims down it while pieces lift off each section (pins, icon rows, glowing data tokens, step cards, app tiles), then pulls up to a top-down reveal of the whole site and dives back to the hero for the end card.

A plain dark void with a cool haze, where one long flat sheet lies on the floor in panels and pieces lift off it as hovering slabs, glowing tokens with soft rims and staircases. One low continuous skim over 15.5 s at about 124 bpm, quick beats of about a second each, then a pull up to a top-down hold, a fast blurred dive back to the start, and a slow drift for the last 6 s.

Length: 16 s
Scenes: 1
Style: abstract
Camera: continuous take, tracking, ultra closeup, top down, crane, push in

//
    NORTHDESK — a dark landing-page reel for Northdesk, a team analytics dashboard (live velocity,
    workload, goals and forecasts for every team on one calm desk). 15.5 s, 1920×1536 (5:4), one
    continuous take, no VO. A plain soft dark void, the page IS the UI, and the camera stays on the
    page for most of the reel.
    Preview: http://localhost:4444/runtime?project=projects/templates/ref-rarely/ref-rarely.promo

    BEAT MAP (reel clock)                        → HERE
      0.0–1.5  hero lying back, low lens backing   pins-main / pins-small fences hinge up off the hero
               down the page; feature pins stand   (0.3–1.5 / 0.5–1.6), lens 0.0 → 1.0 drops lower
      1.5–2.7  "Relied On By", then the aqua-lit   spotlight paragraph; 2.3–2.7 the ULTRA close-up
               spotlight paragraph                 (node=spot side=front fill=160–165 pitch −56/−58,
                                                   dof_range 60) — the skim's lowest raking moment
      2.7–3.6  "Everything Northdesk Measures"     icon row rises 1.0–2.2 (38 mm), scorecard tile +
               icon row floating, scorecard tile   "Shared Scorecards" pill rides higher (1.4–2.5)
      3.6–4.6  "Your Whole Stack, Measured." —     nine glowing data tokens fly up 3.0–4.45 to 55–260 mm
               glowing round tokens fly up         over the stack section's right half
      4.6–5.8  Getting Set Up — four white step    step cards lift into a staircase 4.3–5.7
               cards stacked and lifted
      5.8–6.6  giant pixel "10 SECS"               stat section (div pixel glyphs)
      6.6–7.8  "Reads from everything…" with two   checklist + Vyde tiles lift 6.0–7.0
               teal app tiles lifted
      7.8–8.5  footer, giant pixel "Northdesk"     footer section
      8.5–9.45 the reveal: pull up to top-down, the camera 8.5 → 9.0 (8.5 m up), holds to 9.45; pins
               whole site a thin strip              fold flat 8.3–9.1
      9.45–9.85 the dive back to the hero; the     camera dives 9.55 → 9.82; every other section and
               rest of the page goes away           lifted piece fades 9.55–9.8
      9.85–15.5 hero card square-on, logo pill +    pill 9.95, title words 10.1/10.22/10.34/10.46/10.56
               "Your Whole Stack, Measured."        (opacity + settle from 1.12); five tokens fly in
               word by word, five glowing tokens    9.52–10.1 — two high near the lens, blurred by the
               at the corners, slow drift           DOF; slow drift to 15.5

    IDENTITY. Northdesk — team analytics, minus the noise. Mark: the Tabler north-star glyph in aqua
    beside a white "Northdesk" wordmark (hero nav, footer, end pill); the footer spells "Northdesk" in
    pixel runs with an aqua→sky "N". Hero: "Every Team. / Every Metric. / One View."

    PALETTE (cool aqua on blue-black).
      void #121619 → #0c1012, haze #22303a · page #080b0d, footer #090c0e
      accent aqua #2fd6c3 (logo, "Measured", scorecard tile) · halo #2ad4c0
      aurora pictures: teal / aqua / icy cyan over midnight blue (hero, spot cones, stack streak,
      how smear, connected wave)
      stat pixels #2fc9b8 → #0d3a3f and #27b8c8 → #0b3039 over grey #283034
      footer pixel "N" #34e0c8 → #4aa8f5 over grey #3f4a50
      tokens rim #4fe0cf → #0d4a50, face #13424a → #071c20, glyphs sky / mint / cyan
      app tiles #0f8a82 (stroke #34b8ad) and #0e7490 (stroke #2ea3bf) · step label #0f766e
      spot highlights #4fe3cf #7dd3fc #a7f3d0 #6f8cff #67e8f9 over cool greys #5f7a84…#9fb6bd
      white type and white buttons unchanged in value; greys shifted cool (#cfd6d9, #86939a…)

    WORLD (1 unit = 1 mm). The page lies flat on the floor plane (every stage rotation −90° about x),
    960 mm wide, hero top edge at z=0, footer foot at z=4225 — nine section panels edge to edge:
    hero 833 (iPad box, 820 css, so the end card keeps its ~0.9 aspect) · trusted 250 ·
    spot 517 · things 217 · stack 392 · how 600 · stat 217 · connected 600 · footer