{ jsonpromptstudio }

Ad & UGC Flagships

App Demo: Phone Scroll Problem/Solution

A screen-led app ad structure that avoids asking the model to invent exact UI text.. Best for: SaaS, mobile apps, productivity tools, fintech.

app demosaasphoneproblem solutionscreen

  1. Pick your model's tab — the JSON re-shapes itself to that model's block order and limits.
  2. Click any green value to edit it in place — swap the subject, setting, or style for your own.
  3. Copy and paste the JSON as your prompt in the tool — links below.
Google · duration 4s, 6s, or 8s (8s required for 1080p, 4K, or reference images) · 720p, 1080p, or 4K · audio native · verified 2026-07-11 - click any value to edit
{
  "references": {
    "product_image": "Use a real exported app screen or phone mockup as the visual reference.",
    "notes": "Models cannot reliably generate exact UI copy; use real screenshots or replace screen in post.",
    "model_handling": "Supports image inputs and reference-driven workflows; use product or style frames when exact object appearance matters."
  },
  "brand": {
    "hex_colors": "#2563EB, #0B1220, #FFFFFF",
    "logo_handling": "Leave clean negative space for logo and app-store badge overlays in post.",
    "tone": "clear, useful, confident"
  },
  "scene": "Desk setup with laptop edge, notebook, coffee, and soft morning light",
  "subject": "A hand holding a phone with a modern productivity app visible on screen",
  "action": "Thumb scrolls through a cluttered task list, taps one button, and the interface visually simplifies into a calm dashboard",
  "camera": {
    "movement": "slow push-in from over-the-shoulder to phone close-up",
    "lens_mm": 50,
    "distance": "phone close-up"
  },
  "lighting": {
    "type": "soft window key"
  },
  "style": "clean SaaS product demo, premium but human, minimal motion graphics",
  "audio": "subtle tap sounds, low upbeat pulse, no spoken dialogue",
  "technical": {
    "aspect_ratio": "9:16",
    "duration_seconds": 8,
    "fps": 24,
    "negative_prompt": "nonsense UI text, fake app store badges, broken phone, extra thumbs, unreadable interface"
  }
}
  • Veo 3.1 follows structured prompts unusually well: lock camera, lighting and audio as separate JSON fields.
  • Native audio: describe dialogue, ambient sound and music directly in the audio field.
Kuaishou · duration expanded limits; exact caps vary by mode · mode-dependent · audio native audio-visual output · verified 2026-07-11 - click any value to edit
{
  "references": {
    "product_image": "Use a real exported app screen or phone mockup as the visual reference.",
    "notes": "Models cannot reliably generate exact UI copy; use real screenshots or replace screen in post.",
    "model_handling": "Use element references for products, outfits, characters or scenes when consistency matters."
  },
  "brand": {
    "hex_colors": "#2563EB, #0B1220, #FFFFFF",
    "logo_handling": "Leave clean negative space for logo and app-store badge overlays in post.",
    "tone": "clear, useful, confident"
  },
  "subject": "A hand holding a phone with a modern productivity app visible on screen",
  "action": "Thumb scrolls through a cluttered task list, taps one button, and the interface visually simplifies into a calm dashboard",
  "scene": "Desk setup with laptop edge, notebook, coffee, and soft morning light",
  "camera": {
    "movement": "slow push-in from over-the-shoulder to phone close-up",
    "lens_mm": 50,
    "distance": "phone close-up"
  },
  "lighting": {
    "type": "soft window key"
  },
  "style": "clean SaaS product demo, premium but human, minimal motion graphics",
  "audio": "subtle tap sounds, low upbeat pulse, no spoken dialogue",
  "technical": {
    "aspect_ratio": "9:16",
    "duration_seconds": 8,
    "fps": 24,
    "negative_prompt": "nonsense UI text, fake app store badges, broken phone, extra thumbs, unreadable interface"
  }
}
  • Kling prompt guidance emphasizes Subject, Movement, Scene, Camera Language and Lighting.
  • Write the action field as a shot note, not a keyword list.
ByteDance · duration 4-15s · 480p, 720p, 1080p, 4K ratios in Runway API · audio native synchronized audio on supported hosts · verified 2026-07-11 - click any value to edit
{
  "references": {
    "product_image": "Use a real exported app screen or phone mockup as the visual reference.",
    "notes": "Models cannot reliably generate exact UI copy; use real screenshots or replace screen in post.",
    "model_handling": "Hosted Seedance 2 workflows support reference image, video and audio inputs; keep reference intent explicit."
  },
  "brand": {
    "hex_colors": "#2563EB, #0B1220, #FFFFFF",
    "logo_handling": "Leave clean negative space for logo and app-store badge overlays in post.",
    "tone": "clear, useful, confident"
  },
  "camera": {
    "movement": "slow push-in from over-the-shoulder to phone close-up",
    "lens_mm": 50,
    "distance": "phone close-up"
  },
  "subject": "A hand holding a phone with a modern productivity app visible on screen",
  "action": "Thumb scrolls through a cluttered task list, taps one button, and the interface visually simplifies into a calm dashboard",
  "scene": "Desk setup with laptop edge, notebook, coffee, and soft morning light",
  "lighting": {
    "type": "soft window key"
  },
  "style": "clean SaaS product demo, premium but human, minimal motion graphics",
  "audio": "subtle tap sounds, low upbeat pulse, no spoken dialogue",
  "technical": {
    "aspect_ratio": "9:16",
    "duration_seconds": 8,
    "fps": 24,
    "negative_prompt": "nonsense UI text, fake app store badges, broken phone, extra thumbs, unreadable interface"
  }
}
  • Use a strict block order: CAMERA -> SUBJECT -> ACTION -> ENVIRONMENT -> LIGHTING -> STYLE.
  • Keep the camera block to a shot type plus one movement; stacking moves degrades output.
Alibaba · duration workflow-dependent · 720p open-weights TI2V · audio none in base text/image-to-video pipeline · verified 2026-07-11 - click any value to edit
{
  "references": {
    "product_image": "Use a real exported app screen or phone mockup as the visual reference.",
    "notes": "Models cannot reliably generate exact UI copy; use real screenshots or replace screen in post.",
    "model_handling": "Open-weights Wan 2.2 supports text-to-video and image-to-video; treat product/style references as image-to-video setup notes."
  },
  "brand": {
    "hex_colors": "#2563EB, #0B1220, #FFFFFF",
    "logo_handling": "Leave clean negative space for logo and app-store badge overlays in post.",
    "tone": "clear, useful, confident"
  },
  "subject": "A hand holding a phone with a modern productivity app visible on screen",
  "action": "Thumb scrolls through a cluttered task list, taps one button, and the interface visually simplifies into a calm dashboard",
  "scene": "Desk setup with laptop edge, notebook, coffee, and soft morning light",
  "camera": {
    "movement": "slow push-in from over-the-shoulder to phone close-up",
    "lens_mm": 50,
    "distance": "phone close-up"
  },
  "lighting": {
    "type": "soft window key"
  },
  "style": "clean SaaS product demo, premium but human, minimal motion graphics",
  "technical": {
    "aspect_ratio": "9:16",
    "duration_seconds": 8,
    "fps": 24,
    "negative_prompt": "nonsense UI text, fake app store badges, broken phone, extra thumbs, unreadable interface"
  }
}
  • Wan 2.2 is the latest version with genuinely open, downloadable weights.
  • Open-weights Wan 2.2 has no native audio track in the base text/image-to-video pipeline.
Runway · duration 2-10s · 720p; output dimensions vary by aspect ratio · audio none in video generation · verified 2026-07-11 - click any value to edit
{
  "references": {
    "product_image": "Use a real exported app screen or phone mockup as the visual reference.",
    "notes": "Models cannot reliably generate exact UI copy; use real screenshots or replace screen in post.",
    "model_handling": "Gen-4.5 supports text-to-video and image-to-video; reference images are often more important than long prompt text for consistency."
  },
  "brand": {
    "hex_colors": "#2563EB, #0B1220, #FFFFFF",
    "logo_handling": "Leave clean negative space for logo and app-store badge overlays in post.",
    "tone": "clear, useful, confident"
  },
  "subject": "A hand holding a phone with a modern productivity app visible on screen",
  "action": "Thumb scrolls through a cluttered task list, taps one button, and the interface visually simplifies into a calm dashboard",
  "camera": {
    "movement": "slow push-in from over-the-shoulder to phone close-up",
    "lens_mm": 50,
    "distance": "phone close-up"
  },
  "scene": "Desk setup with laptop edge, notebook, coffee, and soft morning light",
  "lighting": {
    "type": "soft window key"
  },
  "style": "clean SaaS product demo, premium but human, minimal motion graphics",
  "technical": {
    "aspect_ratio": "9:16",
    "duration_seconds": 8,
    "fps": 24,
    "negative_prompt": "nonsense UI text, fake app store badges, broken phone, extra thumbs, unreadable interface"
  }
}
  • Runway recommends clear, direct language; text-to-video should describe both visual elements and motion.
  • Image-to-video prompts should focus on describing the motion of the scene.

Run this prompt

Copy the JSON above, then paste it as your prompt in any of these tools. Veo 3.1 is free to try inside Gemini (daily limit applies).

What each block does

BlockPurpose
referencesOptional image inputs: product, character face, or style frame. Use these where the model supports references; otherwise treat them as setup notes.
brandBrand constraints: colors, logo handling and voice. Models approximate hex colors and cannot render exact logos reliably; use a reference image or add exact logos in post.
sceneWhere it happens: location, time of day, weather, mood of the space.
subjectWho or what the shot is about. Keep it to one clear subject — models blur focus when given several.
actionWhat visibly happens during the clip. Describe motion the camera can see, not internal states.
cameraShot framing and movement. One movement per clip reads best on every current model.
lightingLight source, quality and shadow behavior. The single highest-leverage block for realism.
styleAesthetic direction: film stock, color palette, references, tone.
audioDialogue, ambient sound and music. Only Veo 3.1, Kling 3.0 and Seedance 2.0 render audio natively.
technicalRender settings: aspect ratio, duration, fps, seed for reproducibility, negative prompt.

More ad & ugc flagships prompts

all →