Vantage

The market is a canyon: bar-chart walls rise in a wave, the camera flies through with a green streak on the ridge, one bar is pulled into brackets, and the gains land on the phone.

A canyon of tall graphite bars rising in waves over dark mirror floors and fog, a bright streak riding the ridge and a swept line drawn along the floor, opening onto a horizon of small bars. Five fast cuts of about 2.7 s over 15 s at about 128 bpm: a low skim as the walls rise, a fly-through, a brake and crane up, a hold at the canyon mouth, then bars tipping together to land.

Length: 15 s
Scenes: 5
Device: iphone
Style: hyperkinetic
Camera: fast cuts, low angle, fly through, crane

//
    VANTAGE — "See the move first." ~14.95 s, 16:9, five chapters cut on short shader transitions.
    1 unit = 1 mm.
    Preview: http://localhost:4444/runtime?project=projects/templates/vantage/vantage.promo

    THE IDEA — Vantage is a trading app that tells you the move while it is happening. The market is
    a place you fly through: a canyon whose two walls are bar charts. The walls rise ahead of you,
    a green light rides the ridge line, the price line draws itself along the floor, one bar is
    pulled out of the wall into brackets, and the gain lands on your phone.

    WORLD — TICKER CANYON. Two walls of extruded bars along −z (column pitch 70, footprint 56 × 56),
    each wall two rows deep: a front row whose heights are the price (an expression of the column k,
    trending up with a few sharp dips) under a glowing cap, and a taller back row in shadow. The
    caps are market green; a cap is red where the bar fell more than 35 mm from the one before it.
    The aisle (x ±162) has a black mirror floor, the far end glows green under fog.

    LIGHT — low-key: hemisphere ≤ 0.2 + studio_small_04_2k ≤ 0.45, one cool area key over the aisle,
    a green area light at the canyon's end, haze + an anamorphic flare on every green source.
    tone_mapping=None, film_grain output_transform=2 (UI hex prints as authored), SSAA × 4, DOF on
    the three pass.

    PALETTE — ink #07090c · graphite #161b21 / #0d1014 · market green #19e68c · mint #b6ffd9 ·
    down red #ff4d5e · paper white #eef3f1 · slate #8b96a3.

    HUD — none: every word lives in the world (canyon tags, the pick's brackets, the phone).

    SCREENS — vantage.screens.html (Tailwind only) → scripts/html-screens.mts → screens.json,
    pasted below unchanged; only tracks added.

    BEATS (scene · local seconds; a scene's clock starts when the gap into it starts)
      v1-rise     2.8  HOOK     low over a floor of green tiles; the canyon walls rise in a wave
                                that runs away from the lens (per-bar timing on scale.y + a pinned
                                base); "Markets / don't wait." stands up in the aisle.
      v2-ridge    2.7  FEATURE  the fly-through at speed: a green streak rides the left ridge line,
                                the price ribbon (path3d sweep) draws itself along the floor ahead,
                                tags pop over the bars: NVDA +4.1% · TSLA -0.8% (red) · AAPL +1.2%.
      v3-pick     2.6  PROOF    the camera brakes and cranes out of the canyon; one bar swings out
                                of the right wall into green brackets: $NVDA +11.6 → +12.0 → +12.4%.
      v4-phone    3.4  CTA      an iPhone at the canyon's mouth: the portfolio ticks to $48,912.40,
                                three notifications stack on the glass, "+$2,340" lands on top;
                                "Every gain, / the second it lands."
      v5-mark     2.6  END      two chart bars grow and tip into the V; Vantage · See the move
                                first. · vantage.app, over a horizon of small bars.

    OVERALL CLOCK (gap-clock=run; gaps 0.2, 0.2, 0.25, 0.2):
      v1 0 · v2 2.8 · v3 5.7 · v4 8.5 · v5 12.15 · end 14.95
promo#vantage(width=1920 height=1080 fps=30 gap-clock=run)
  audio
    tracks
      track#music(asset="music:vantage-score" start=0 duration=14.95 volume=0.85)
      track#sfx_1(asset="media:vantage-sfx" start=0 volume=0.9)
  materials
    // the bars: front row is lacquered graphite that takes the green, back row is matte shadow
    physical#m-bar(color=#161b21 metalness=0.45 roughness=0.3 clearcoat=1 clearcoat-roughness=0.08 envmap-intensity=0.8)
    standard#m-bar-back(color=#080a0d roughness=0.7 metalness=0.2)
    // flat type and lines, unlit so the hex prints as authored (transparent so they can fade)
    basic#m-green(color=#19e68c transparent=true opacity=1 toneMapped=false)
    basic#m-red(color=#ff4d5e transparent=true opacity=1 toneMapped=false)
    basic#m-white(co