Dark SaaS Magic Video

Role

rn-motion-director

Canonical Showcase

• Human display name: 暗色 SaaS 魔术短片
• Example finished piece: 雪踏乌云暗色 SaaS 介绍短片
• File:

  assets/showcases/xuetawuyun-dark-saas-showcase-1080p.mp4

• Use this as a style reference for scale, pacing, scene vocabulary, and final polish. Do not copy its text unless the user asks for the same brand/account.

Boundaries

• Use this for style-level creation: "做成这个感觉", "类似 Presenton 这种风格", "暗色科技感 SaaS 产品短片", "AI 工具产品演示".
• Do not use this for pixel-level, frame-accurate, or timestamp-accurate remakes. Use

  rn-replica-qc

  first.
• Do not replace

  product-launch-video

  ; use this when the requested visual language is specifically dark magic UI, not a generic product launch.
• Build with HyperFrames unless the user explicitly requests Remotion.

Required Reads

1. references/style-language.md

2. references/scene-blueprints.md

3. references/timing-presets.md

4. references/asset-contract.md

references/qc-checklist.md

Inputs

• product name and one-line promise
• target viewer and platform
• duration preset:

  sting

  ,

  standard

  , or

  extended

• pain words or opening claim
• core workflow: prompt, generate, connect, model, export, share, automate
• available assets: logo, screenshots, UI cards, integration logos, export names
• output ratio and archive slug

Hard Style Rules

1. Use a black spatial stage with fine grain/star particles and a weak bottom purple horizon glow.
2. Avoid persistent horizontal neon-line backgrounds; they flatten the style.
3. Use large white kinetic typography as story beats, not small labels.
4. Include at least one cyan-to-magenta gradient CTA that triggers a visible transformation.
5. Make hero objects large at their most visible frame: prompt card, CTA, UI board, badge ring, or export object must not feel like tiny distant props.
6. Use speed blur, smear, scale rush, or white velocity wipes for major transitions.
7. Include UI objects that feel summoned from darkness: cards, badges, folders, model chips, app windows, or export pills.
8. Never add unexplained full-screen solid color flashes.
9. Never claim pixel-level fidelity for this style workflow.

Workflow

1. Shape The Arc

references/timing-presets.md

2. Select Blueprints

references/scene-blueprints.md

3. Build With HyperFrames

• hyperframes

  for composition authoring

• hyperframes-cli

  for lint, validate, inspect, render

• hyperframes-animation

  for speed blur, type motion, rings, cursor clicks

• hyperframes-media

  only if audio, TTS, SFX, or captions are needed

4. QC

references/qc-checklist.md

rn-replica-qc

Output