Synthesized Prompt Output # AI MOTION & UI DIRECTIVE: TYPE FOUNDRY LAUNCH TRAILER FOR A MODERN EDITORIAL SERIF WITH HIGH CONTRAST
**Target Stack & Tools**: Variable Font Engine, Runway Gen-3
**Aspect Ratio & Format**: 16:9
**Brand Color Palette**: #120B0E, #FF4757, #FFA502, #2ED573
**Typography**: Playfair Display
**Motion Pacing**: BALANCED (Pacing profile: Natural balanced motion (duration: 0.5s, ease: [0.25, 0.1, 0.25, 1]))
**Creativity & Dynamics**: BALANCED (Harmonious mix of polished micro-interactions with subtle 3D perspective)
**Mandatory Inclusions**:
- variable weight morph
- ink-trap lighting
- character tracking cascade
- liquid serifs
**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 Type foundry launch trailer for a modern editorial serif with high contrast in 16:9 viewport using #120B0E, #FF4757, #FFA502, #2ED573 palette and Playfair Display typography. Animate with balanced timing curves and balanced layout physics. Feature variable weight morph, ink-trap lighting, character tracking cascade, liquid serifs including continuous variable weight morphing, liquid character displacement, dynamic tracking cascades, and razor-sharp ink-trap lighting. 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 "Playfair Display" across headings and UI text.
5. Color System: Adhere strictly to the requested brand palette (#120B0E, #FF4757, #FFA502, #2ED573) for primary, secondary, and highlight states.
6. Frame & Aspect Ratio: Ensure container presentation honors 16:9 viewport constraints.
7. Motion Physics (Natural): Use balanced natural springs (stiffness: 140, damping: 16, mass: 1.0; ~500ms duration) with subtle hover micro-feedback.
Tip: Paste this prompt directly into Claude 3.5 Sonnet, Cursor AI, or Windsurf to generate fully interactive React 19 motion components.