photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
architectural photography, shot with sony a7r iv, 24-70mm f/2.8 gm lens, f/5.6, 1/125s, iso 400, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, zen interior design style, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight at 2800k, geometric repetitive patterns, high contrast shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 148293932 --personalize c84qxg1 --stylize 300 --v 6.1
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
{ "title": "Rotating Circles Transition to Logo with Blinking Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "playful"], "color_palette": "minimal" }, "scene_flow": [ { "scene_id": "scene_01", "description": "Rotating circles only", "duration_hint": "initial_loop", "elements": { "circles": { "count": "multiple", "position": "center_aligned", "motion": { "type": "rotation_only", "axis": "center", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_scaling": true, "no_translation": true, "no_deformation": true } } } }, { "scene_id": "scene_02", "description": "Transition from circles to logo", "transition": { "type": "s
{ "title": "Fixed Layout with Rotating Dot Circles and Subtle Logo State Animation", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "minimal"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "symbol_state_change_only", "state_animation": { "type": "subtle_open_close", "behavior": "graphic_not_biological", "timing": "irregular_soft", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "visual_focus": { "hierarchy": "background_motion_then_logo_state_change", "intent": "clean_brand_introduction" } }
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }
{ "title": "Fixed Layout with Rotating Dot Circles and Blinking Logo Eyes", "type": "2D_animation", "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "layout": { "structure": "fixed", "layers": [ "background_motion_layer", "foreground_logo_layer" ] }, "style": { "illustration": "flat_2D_vector", "quality": "high", "mood": ["clean", "calm", "immersive", "subtle_playful"], "color_palette": "minimal" }, "layers": { "background_motion_layer": { "elements": { "dot_circles": { "description": "multiple circular dots arranged in concentric rings", "position": "center_locked", "motion": { "allowed_motion": "rotation_only", "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "repetition": "continuous" }, "constraints": { "stay_within_frame": true, "no_translation": true, "no_scaling": true, "no_deformation": true } } } }, "foreground_logo_layer": { "elements": { "logo": { "source": "attached_logo_image", "position": "center_locked", "motion": { "allowed_motion": "eye_blink_only", "eye_animation": { "type": "blink", "speed": "natural_human_like", "interval": "irregular_subtle", "loop": true } }, "constraints": { "no_rotation": true, "no_position_change": true, "no_scaling": true, "no_shape_change": true, "stay_within_frame": true } } } } }, "loop": { "enabled": true, "type": "seamless", "independent_layer_loops": true }, "camera": { "movement": "none", "zoom": "none" }, "constraints": { "no_additional_objects": true, "no_style_transfer": true, "no_background_elements": true, "no_camera_effects": true }, "viewer_experience": { "visual_hierarchy": "motion_in_background_attention_in_foreground", "brand_impression": "calm_confident_memorable" } }
Create a clean, modern mobile app user flow infographic for an AI pet customization app called “AIpet”. Style: - Product design / UX flow diagram - Figma / FigJam style - Dark mode UI - Rounded cards - Soft shadows - Cute but edgy aesthetic - Meme-friendly, slightly irreverent tone - Clear arrows and connectors - Minimal text, strong hierarchy - Flat UI with subtle depth Device: - iPhone 14 size frames - Vertical mobile screens - 390x844 aspect ratio per screen Layout: - Vertical flow with arrows - Clear top-to-bottom progression - Final loop returning to the styles gallery - Each screen clearly labeled - Categories must appear ONLY ONCE in the entire flow Screens to include (each as a separate mobile frame): 1. Onboarding / Welcome - App name: “AIpet” - Title: “Welcome to AIpet 😈” - Subtitle: “Turn your pet into a legend” - Mischievous but cute pet hero image - Primary CTA button: “Start” 2. Value Proposition - Carousel of cards - Text examples: - “From cute to chaotic” - “Your pet, no filter” - “Built for sharing” - Visuals hinting at funny, rebellious, viral pet transformations - Do NOT show category names here 3. Photo Upload - Title: “Upload your pet” - Instruction text: “Clear face, no blur” - Visual examples: - Correct photo with green check icon - Incorrect photo with red cross icon - Primary button: “Choose photo” 4. Photo Validation - Pet photo preview - Green check icon - Text: “Perfect. Let’s go.” - Button: “Continue” 5. Styles Gallery (ONLY PLACE WHERE CATEGORIES EXIST) - Scrollable grid (2 columns) - Edgy / viral style categories: - DJ Rave 🪩 (headphones, club lights, DJ booth) - Berlin Techno Leather 🖤 (black leather, harness vibes, underground club aesthetic) - Stoner Dog 🌿 (relaxed, red eyes, couch energy) - Mafia Cat 🕶️ (suit, cigar, boss attitude) - Punk Rebel 🧷 (spikes, DIY chaos) - Fiction Icons ⚡ (pets imitating famous fictional or human characters, cartoon-inspired, superhero-like, electric creatures similar to Pikachu, parody-style, no explicit brand logos) - Some styles marked with a crown icon (PRO) - This screen is the single source of truth for categories 6. Style Selected - Large style preview image - Style title only (no category list) - Short playful description - Button: “Continue” 7. Paywall - Title: “Unlimited chaos” - Pricing cards: - Lifetime access - 1 year plan (highlighted, badge: “3000+ sold”) - 1 week plan - Primary CTA button: “Continue” - No category repetition 8. AI Generation - Blurred background - Soft animated loader - Text: “Creating something legendary…” 9. Result Screen - Generated pet image - Action buttons: - Save - Share - Animate - Try another style - No category text shown 10. Retention Loop - Simple options: - Try another style - Unlock PRO - Animate your pet - Arrow looping back to the Styles Gallery Overall mood: - Viral-first, edgy but App Store safe - Strong identity and humor - Designed for TikTok, Instagram, WhatsApp sharing - Clear UX logic, no duplicated information Output: - One single infographic showing the full AIpet user journey - Clean arrows connecting each screen - Categories appear only once - Ready to be recreated in Figma or FigJam
photography, triangular pattern translucent glass wall installation with black metal frame grid, warm golden backlight creating honeycomb shadows, silhouette of person walking, amber glow atmospheric lighting, professional studio setup with two continuous led panels for backlight, geometric repetitive patterns, high contrast interior shot, ultra sharp details, photorealistic quality, 48K resolution, rich detailing --ar 2:3 --quality 2 --style raw --sref 1009931265 --personalize c84qxg1 --stylize 400 --v 6.1
{ "title": "Original Image Pinwheel Rotation Locked Inside Frame", "type": "2D_animation", "input_image": { "use_attached_image": true, "modification": "none", "shape_change": false, "proportion_change": false, "redraw": false, "style_transfer": false }, "style": { "illustration": "original_2D_image_preserved", "quality": "high", "mood": ["calm", "poetic", "immersive"], "color_palette": "unchanged_from_source" }, "background": { "color": "pure_white", "texture": "none", "gradient": "none", "pattern": "none", "shadow": "none" }, "subject": { "object": "pinwheel", "source": "attached_image", "position": "center", "visual_focus": "single_object_only", "frame_lock": true }, "motion": { "allowed_motion": "rotation_only", "rotation": { "axis": "center", "direction": "clockwise", "speed_pattern": "slow_to_fast_to_slow_to_fast", "curve": "non_linear_organic", "easing": "smooth_in_out", "pause": "subtle_emotional_pause", "repetition": "continuous" }, "frame_constraints": { "stay_within_frame": true, "leave_frame": false, "edge_crossing": false, "position_change": false }, "disallowed_motion": [ "translation", "scaling", "stretching", "morphing", "bending", "wobbling", "deformation" ], "force": "invisible_natural_wind", "mechanical_feel": false }, "loop": { "enabled": true, "type": "seamless", "start_end_visibility": "none" }, "lighting": { "type": "none", "change_from_original": false }, "constraints": { "preserve_original_shape": true, "preserve_original_proportions": true, "preserve_original_style": true, "lock_position_to_frame_center": true, "no_camera_movement": true, "no_additional_objects": true, "no_background_elements": true }, "viewer_experience": { "immersion": "high", "visual_effect": "hypnotic_through_motion_only" } }