Typed SaaS dashboard teaser
A terminal-style SaaS teaser: typed headlines, live dashboard cards, a spend spike stopped in one click. Copy the prompt into Claude and add your tool.
Monospace headlines type in word by word with a green block cursor while floating dashboard cards act out the story. A problem spreads across a grid of status lights, the control panel switches on, a live chart spikes past its limit and one click stops it, then everything defocuses into a wordmark.
Put in your own brand, the problem your product solves, the fix and the proof numbers, and recolour the success and alarm tones. Its dark slate look suits developer tool launches, DevOps and cloud-cost products, and 16:9 slots on landing pages, X and YouTube.
Use it for
- Developer tool launch teaser
- Cloud cost product demo
- Landing page hero animation
Category: App UI. Format: widescreen 16:9.
How to use this scene in Claude
Copy the scene's prompt into claude.ai or the Claude app and Claude builds it as a live preview. For an MP4, pull the scene into Claude Code and render it on your own machine with npx hyperframes render. Or add the Scenes connector (https://scenes.design/mcp) to Claude and just ask for the scene. Full steps: Docs.