Northdesk
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