# Protocol Launcher Promo Design

## Style Prompt

A cinematic developer-tool product promo for Protocol Launcher. Bright documentation-inspired canvas, crisp light code surfaces, precise motion, and the existing pink-to-cyan lightning identity. The video should feel fast, useful, and trustworthy: a TypeScript object becomes a safe one-click launch URL, then expands into Cursor, Cherry Studio, VS Code, and a broad app ecosystem.

## Colors

- Background: `#F5FBFF`
- Surface: `#FFFFFF`
- Surface soft: `#EEF7FB`
- Foreground: `#17202A`
- Muted text: `#3F4A59`
- Brand cyan text: `#0F6F7D`
- Brand pink text: `#C62D63`
- Brand blue CTA: `#4057D5`
- Soft cyan glow: `#8ACCD5`
- Soft pink glow: `#FF90BB`
- Code green: `#A6E3A1`
- Warning accent: `#FFD166`

## Typography

- Primary UI and body: `Inter`, `SF Pro Display`, `PingFang SC`, system sans-serif.
- Monospace/code: `JetBrains Mono`, `SFMono-Regular`, `Menlo`, monospace.
- Headlines use heavy weights with generous line height; code stays compact and readable.

## Motion

- Code and URL fragments move with deliberate kinetic precision.
- Scene transitions use fade, scale, and short directional movement, not flashy wipes.
- Logo glow and background protocol lines drift slowly throughout.
- Buttons should feel click-ready: slight scale, glow, and pulse at key moments.

## What NOT to Do

- Do not use generic SaaS landing-page stock imagery.
- Do not make the video only a website scroll recording.
- Do not rely on abstract gradients without product-specific code, URLs, and app actions.
- Do not turn every feature into identical cards; lead with the code-to-link transformation.
- Do not introduce dark full-screen backgrounds; keep the promo bright and app-like.
- Do not introduce colors outside the palette unless they are syntax-highlight accents.
