VanguardDeck — 16:9 Revenue Waterfall & KPI Slide

# AI MOTION & UI DIRECTIVE: EXECUTIVE FINANCIAL REPORT PRESENTING ANNUAL ARR EXPANSION AND NET REVENUE RETENTION **Target Stack & Tools**: Keynote Engine, Runway Gen-3, React 19, Motion v12 **Aspect Ratio & Format**: 16:9 **Brand Color Palette**: #0B0813, #7928CA, #FF5E3A, #FF9A8B **Typography**: Plus Jakarta Sans **Motion Pacing**: SLOW (Pacing profile: Cinematic, gentle 800-1200ms ease-out transitions (cubic-bezier(0.16, 1, 0.3, 1))) **Creativity & Dynamics**: SAFE (Clean, restrained enterprise SaaS clarity, zero unnecessary distortion, strict UI contrast) **Mandatory Inclusions**: - 16:9 widescreen slide - sequential waterfall bars - ARR target tag - smooth camera dolly-in **Negative Directives / Exclusions**: - harsh saturated colors - low-contrast text - cheesy stock vectors - abrupt cuts ## PROMPT EXECUTION BODY Render a clean, text-free modern UI motion showcase of Executive financial report presenting annual ARR expansion and net revenue retention in 16:9 viewport using #0B0813, #7928CA, #FF5E3A, #FF9A8B palette and Plus Jakarta Sans typography. Animate with slow timing curves and safe layout physics. Feature 16:9 widescreen slide, sequential waterfall bars, ARR target tag, smooth camera dolly-in including 16:9 widescreen presentation slide, sequential waterfall revenue cascade, glowing ARR target tags, and smooth camera dolly-in. Strictly eliminate harsh saturated colors, low-contrast text, cheesy stock vectors, abrupt cuts. ## IMPLEMENTATION RULES FOR AI AGENT (Cursor / Claude / Windsurf) 1. Use semantic React 19 client components with standard Tailwind CSS v4 utility classes. 2. Keep all animations GPU-accelerated via transform / opacity only. 3. Ensure mobile responsiveness and dark mode contrast tokens. 4. Typography: Render with font-family "Plus Jakarta Sans" across headings and UI text. 5. Color System: Adhere strictly to the requested brand palette (#0B0813, #7928CA, #FF5E3A, #FF9A8B) for primary, secondary, and highlight states. 6. Frame & Aspect Ratio: Ensure container presentation honors 16:9 viewport constraints. 7. Motion Physics (Slow): Use cinematic ease-out springs (stiffness: 70, damping: 24, mass: 1.2; ~800-1200ms duration) with gentle parallax drifting. 8. Visual Polish (Safe): Maintain strict enterprise clarity, sharp 1px borders, zero distracting wobbles, and accessible high-contrast elements.