{
  "title": "Design System Hero - Button Morph",
  "background": {
    "description": "Clean, modern light neutral background with a soft teal-to-purple gradient accent. Minimal and elegant, evoking a polished design systems presentation.",
    "era": "Contemporary digital UI",
    "location": "Abstract design tool canvas"
  },
  "subject": {
    "description": "A single floating UI button with rounded corners, subtle drop shadow, and a teal-to-purple gradient fill. The button smoothly morphs and expands — its corners reshape, internal elements emerge (icon, label, sub-components), and it transforms into a fully realized, polished design system component card featuring typography scales, color swatches, spacing tokens, and interactive states. The transformation uses smooth ease-in-out curves with satisfying micro-animations.",
    "style": "Modern flat UI design with depth via soft shadows and layering, inspired by Figma and design system documentation"
  },
  "camera": {
    "type": "Centered front-facing shot",
    "movement": "Slow subtle dolly-in as the button expands, slight parallax on layered elements",
    "angle": "Straight-on, slightly elevated perspective",
    "focus": "Sharp focus on the morphing element, soft depth-of-field on background"
  },
  "motion": {
    "description": "Frame 0-1s: A small pill-shaped gradient button floats gently with a breathing shadow animation. Frame 1-3s: The button smoothly scales up and its shape morphs — corners adjust, width and height expand with elastic easing. Internal UI elements (text labels, icons, dividers) fade in and slide into place. Frame 3-5s: The component fully assembles into a rich design system card with multiple sub-elements arranged in a clean grid. Frame 5-6s: Final polish — a subtle shine sweep crosses the component, shadows settle, and the composition holds in a hero-shot pose.",
    "easing": "Cubic bezier ease-in-out transitions throughout",
    "duration": "6 seconds"
  },
  "audio": [
    {
      "type": "Soft ambient electronic tone, minimal and modern",
      "volume": 0.4
    },
    {
      "type": "Subtle UI click and whoosh sound effects synced to morph keyframes",
      "volume": 0.3
    }
  ]
}