Create a premium animated Lottie JSON, not a static image, showing how a di...
Create a premium animated Lottie JSON, not a static image, showing how a digital agency works from idea to business growth. Style: clean vector animation, modern SaaS/digital agency look, dark navy background, cyan/blue/purple glow accents, smooth easing, soft gradients, rounded UI cards, lightweight web-friendly design, seamless loop. Scene flow: Start with a glowing client idea/lightbulb on the left, with small floating icons for message, briefcase, target, and checklist. The idea moves into a strategy board showing wireframes, sticky notes, research lines, and checkmarks appearing one by one. Then transition into a central website browser mockup. Build the website step by step: navbar, hero section, service cards, image block, CTA button, and footer. Each part should slide or fade in smoothly as separate vector layers. Next, show development: code brackets, HTML/CSS blocks, database nodes, gears, and connecting lines animating around the website to show the design becoming functional. Then show marketing and automation: SEO search bar, analytics chart, social media card, email envelope, chatbot bubble, and automation nodes orbiting around the website. Connect them with glowing animated lines. Final scene: the completed website becomes the center of a digital growth system. Show lead messages, rising analytics bars, small glowing particles, and an upward growth arrow or small rocket launch. End with all elements connected: strategy, design, development, marketing, automation, and analytics. Requirements: Use editable vector shapes only. No photos, no 3D renders, no static illustration. Avoid too much text. Avoid clutter. Keep it premium, minimal, cinematic, and professional. Canvas: 16:9 horizontal, suitable for a website hero section. Loop smoothly with no hard cut. The animation should communicate: “A digital agency turns ideas into strategy, websites, automation, marketing, and measurable business growth.” Output must be an animated Lottie JSON file.
Generation History
Motion Plan
{
"mode": "fallback_scene_graph",
"title": "Create a premium animated Lottie JSON, not a static image, showing how a di...",
"prompt": "Create a premium animated Lottie JSON, not a static image, showing how a digital agency works from idea to business growth.\r\n\r\nStyle: clean vector animation, modern SaaS/digital agency look, dark navy background, cyan/blue/purple glow accents, smooth easing, soft gradients, rounded UI cards, lightweight web-friendly design, seamless loop.\r\n\r\nScene flow:\r\nStart with a glowing client idea/lightbulb on the left, with small floating icons for message, briefcase, target, and checklist. The idea moves into a strategy board showing wireframes, sticky notes, research lines, and checkmarks appearing one by one.\r\n\r\nThen transition into a central website browser mockup. Build the website step by step: navbar, hero section, service cards, image block, CTA button, and footer. Each part should slide or fade in smoothly as separate vector layers.\r\n\r\nNext, show development: code brackets, HTML/CSS blocks, database nodes, gears, and connecting lines animating around the website to show the design becoming functional.\r\n\r\nThen show marketing and automation: SEO search bar, analytics chart, social media card, email envelope, chatbot bubble, and automation nodes orbiting around the website. Connect them with glowing animated lines.\r\n\r\nFinal scene: the completed website becomes the center of a digital growth system. Show lead messages, rising analytics bars, small glowing particles, and an upward growth arrow or small rocket launch. End with all elements connected: strategy, design, development, marketing, automation, and analytics.\r\n\r\nRequirements:\r\nUse editable vector shapes only.\r\nNo photos, no 3D renders, no static illustration.\r\nAvoid too much text.\r\nAvoid clutter.\r\nKeep it premium, minimal, cinematic, and professional.\r\nCanvas: 16:9 horizontal, suitable for a website hero section.\r\nLoop smoothly with no hard cut.\r\n\r\nThe animation should communicate:\r\n\u201cA digital agency turns ideas into strategy, websites, automation, marketing, and measurable business growth.\u201d\r\n\r\nOutput must be an animated Lottie JSON file.",
"duration_seconds": 6,
"canvas": {
"width": 1200,
"height": 800,
"fps": 30,
"duration_seconds": 6
},
"style": {
"background": "#050B0A",
"primary": "#D71D1D",
"secondary": "#111827",
"accent": "#22D3EE",
"text": "#FFFFFF"
},
"summary": "Fallback scene graph generated without AI scene layers.",
"layers": [
{
"name": "Main Premium Form",
"type": "rounded_rect",
"x": 480,
"y": 310,
"width": 240,
"height": 180,
"radius": 44,
"points": [],
"text": "",
"fill": "primary",
"stroke": "accent",
"stroke_width": 4,
"opacity": 100,
"animation": "float_loop",
"start_frame": 0,
"end_frame": 180,
"z_index": 30
},
{
"name": "Outer Orbit Ring",
"type": "ring",
"x": 600,
"y": 400,
"width": 340,
"height": 340,
"radius": 0,
"points": [],
"text": "",
"fill": "",
"stroke": "accent",
"stroke_width": 4,
"opacity": 38,
"animation": "orbit_loop",
"start_frame": 0,
"end_frame": 180,
"z_index": 8
},
{
"name": "Inner Glow",
"type": "circle",
"x": 600,
"y": 400,
"width": 280,
"height": 280,
"radius": 0,
"points": [],
"text": "",
"fill": "secondary",
"stroke": "",
"stroke_width": 0,
"opacity": 20,
"animation": "pulse_loop",
"start_frame": 0,
"end_frame": 180,
"z_index": 5
},
{
"name": "Highlight",
"type": "rounded_rect",
"x": 535,
"y": 355,
"width": 130,
"height": 10,
"radius": 8,
"points": [],
"text": "",
"fill": "accent",
"stroke": "",
"stroke_width": 0,
"opacity": 92,
"animation": "pulse_loop",
"start_frame": 10,
"end_frame": 180,
"z_index": 80
}
],
"transparent_background": false
}