POV : You have mastered 3D websites 😮‍💨

{
  "hook": {
    "spoken": "",
    "ends_at": "00:17.8",
    "on_screen": "POV : You have mastered 3D websites 😮‍💨",
    "starts_at": "00:00.0",
    "technique": "pov_relatable",
    "technique_note": "Aspirational POV pairing with instant interactive tactile payoff",
    "why_it_stops_the_scroll": "The realistic 3D string pull instantly captures tactile curiosity."
  },
  "tags": {
    "topics": [
      "webdesign",
      "3dwebsite",
      "vibecoding",
      "uiux",
      "frontend"
    ],
    "cta_type": "none",
    "language": "en",
    "has_music": true,
    "has_speech": false,
    "content_type": "showcase",
    "products_or_apps": [
      "Claude",
      "Three.js",
      "Webflow"
    ],
    "has_burned_captions": false
  },
  "audio": {
    "music": "AKAI - Slowed (lo-fi hip-hop/phonk beat with vocal chops)",
    "voice": "None",
    "ambient": "None audible",
    "mix_notes": "Music runs cleanly throughout without voiceover",
    "sound_effects": "None"
  },
  "shots": [
    {
      "end": "00:17.8",
      "index": 1,
      "start": "00:00.0",
      "camera": "Static low-angle camera",
      "framing": "Laptop angled on glossy table with reflection below",
      "movement": "Static",
      "shot_type": "medium close-up",
      "transition_in": "None / Opening shot",
      "screen_content": "Brune 3D lip tint cosmetic website showcasing physics and animations",
      "subject_action": "Dragging trackpad to pull 3D tag, then scrolling through page sections",
      "what_is_visible": "Laptop displaying interactive 3D website, creator's hand on trackpad, table reflection",
      "duration_seconds": 17.8,
      "spoken_during_shot": "",
      "on_screen_text_during_shot": [
        "POV : You have mastered 3D websites 😮‍💨"
      ],
      "facial_expression_or_gesture": "Fluid trackpad navigation"
    }
  ],
  "video": {
    "pacing": "Deliberate and smooth scroll speed synced with music",
    "setting": "Minimal dark desk setup with reflective glossy tabletop",
    "subject": "Laptop displaying a custom 3D e-commerce website",
    "lighting": "Low-key moody ambient lighting highlighting the screen glow",
    "color_grade": "Deep blacks, neutral screen brightness, high contrast reflections",
    "orientation": "vertical",
    "aspect_ratio": "9:16",
    "overall_format": "Physical screen demo with hand interaction",
    "tone_and_energy": "Satisfying, sleek, and aspirational",
    "duration_seconds": 17.8,
    "wardrobe_and_look": "Only creator's hand with a silver ring is visible"
  },
  "script": [],
  "editing": {
    "cut_count": 0,
    "transitions": "None (single continuous shot)",
    "caption_style": "No spoken captions; persistent top hook overlay",
    "end_card_or_cta": "None on screen",
    "average_shot_seconds": 17.8,
    "effects_and_overlays": "Text overlay across full duration"
  },
  "teardown": {
    "hook": "POV : You have mastered 3D websites 😮‍💨",
    "format": "other",
    "mechanism": "novelty",
    "structure": [
      "Interacting with an interactive 3D hanging tag on a laptop screen.",
      "Scrolling smoothly down into a rotating 3D lip tint hero section.",
      "Transitioning through distinct flavor sections with floating 3D particle elements.",
      "Concluding on a 3D bag and checkout receipt section."
    ],
    "hook_source": "on_screen_text",
    "why_it_worked": "Combines relatable aspirational POV framing with smooth, visually mesmerizing 3D web interactions."
  },
  "on_screen_text": [
    {
      "end": "00:17.8",
      "kind": "hook",
      "text": "POV : You have mastered 3D websites 😮‍💨",
      "start": "00:00.0",
      "style": "White sans-serif text with subtle drop shadow",
      "source": "creator overlay",
      "position": "top center"
    }
  ],
  "structure_beats": [
    {
      "end": "00:03.5",
      "beat": "Interactive Intro",
      "start": "00:00.0",
      "purpose": "Hook viewer via physics interaction pulling a hanging tag"
    },
    {
      "end": "00:06.5",
      "beat": "Hero Transition",
      "start": "00:03.5",
      "purpose": "Reveal main brand hero section with 3D product lineup"
    },
    {
      "end": "00:13.5",
      "beat": "Flavor Scroll Showcase",
      "start": "00:06.5",
      "purpose": "Demonstrate theme transitions and floating ingredient effects"
    },
    {
      "end": "00:17.8",
      "beat": "Cart & Checkout Climax",
      "start": "00:13.5",
      "purpose": "Display interactive 3D checkout bag and receipt finish"
    }
  ],
  "recreation_blueprint": {
    "shot_template": [
      {
        "slot": "Opening Interaction & Hero",
        "visual": "Hand pulls physics element on laptop screen, transitioning into 3D hero layout.",
        "seconds": 6.5,
        "voiceover": "",
        "text_overlay": "POV : You have mastered [skill/tool] 😮‍💨"
      },
      {
        "slot": "Section Scrolling Transitions",
        "visual": "Hand scrolls smoothly as page background color and 3D floating assets shift dynamically.",
        "seconds": 7,
        "voiceover": "",
        "text_overlay": "POV : You have mastered [skill/tool] 😮‍💨"
      },
      {
        "slot": "Final Checkout / Callout Feature",
        "visual": "Final scroll settles on creative 3D footer or checkout container.",
        "seconds": 4.3,
        "voiceover": "",
        "text_overlay": "POV : You have mastered [skill/tool] 😮‍💨"
      }
    ],
    "what_can_change": [
      "Website design niche and product type",
      "Color schemes and 3D floating assets",
      "Laptop brand and desk accessories"
    ],
    "template_summary": "Continuous low-angle laptop demo showcasing ultra-smooth 3D web design via trackpad scroll.",
    "what_must_be_kept": [
      "Continuous uncut trackpad scrolling shot",
      "Dark moody aesthetic with high-gloss surface reflection",
      "Top-center POV mastery hook overlay",
      "Slowed atmospheric background music"
    ],
    "generation_prompts": [
      {
        "prompt": "Low-angle eye-level shot of a slim modern laptop on a glossy black desk reflecting the screen. A hand navigates a trackpad, scrolling through a sleek 3D animated web page in a dimly lit studio. Moody high-end aesthetic, 4k.",
        "shot_index": 1,
        "negative_prompt": "overexposed, shaky camera, daylight, messy desk, blur, distorted fingers"
      }
    ]
  },
  "props_apps_and_products": [
    {
      "name": "Laptop",
      "how_used": "Hardware showcasing the interactive website",
      "first_seen": "00:00.0"
    },
    {
      "name": "Brune 3D Website",
      "how_used": "Live interactive web demo on screen",
      "first_seen": "00:00.0"
    }
  ]
}