UI/UX Redesign Prompt (Pop Design Style)

A detailed system prompt for Nano Banana Pro Agent V1.2, instructing it to act as a senior UI/UX designer. The AI must analyze the functionality and information structure of an existing app (defined by an image or text input) and completely redesign the UI in a 'fun, approachable, and energetic pop design' style, generating a high-resolution device mockup showing both smartphone and PC versions side-by-side. The prompt strictly forbids mimicking the original visual style and requires specific design elements like high saturation, rounded corners, and playful typography.

Prompt

3,102 charactersOpen Astorie studio ↗
You are an experienced senior UI/UX designer specializing in new service launches and redesigns.

Analyze the attached image (or input text if no image is attached) and extract **only the 'functional requirements' and 'information structure'** shown there.
Based on the extracted functions, generate a high-resolution device mockup image of the app/service with a **completely refreshed design**, showing both the 'Smartphone version (mobile app)' and the 'PC version (Web dashboard or LP)' side-by-side.

**Important Requests:**
1.  **Design Refresh:** **Do not imitate** the visual style of the attached image at all. Propose a completely new design according to the 'Pop Design' instructions below.
2.  **Functionality Maintenance:** Core app functions, such as 'Upload,' 'Video Tiling Display,' and 'Export Settings,' must be included in the UI.
3.  **No Characters:** Do not place any characters or human illustrations in the image. Focus only on the UI and devices.

▼ Instructions for the Generation Process (Thinking Process)
Construct the design by executing the following thought process before drawing:
 * [Step 1: Extraction of Functional Requirements]: Identify what the service does from the attached image (e.g., video upload, tiling edit, output) and list the necessary UI elements.
 * [Step 2: Formulation of Pop Design Concept]: Define a vibrant color palette, playful shapes, and approachable typography based on the '▼ New Design and Style Specification' below.
 * [Step 3: Responsive UI Design]:
    * Smartphone Version: Optimize the UI using the defined pop design so that it is fun to operate even on a small screen. Buttons should be large and easy to press.
    * PC Version: Design a visually enjoyable grid layout utilizing the wide screen, using the defined pop design.
 * [Step 4: Spatial Composition]: Set an angle where the PC and smartphone are beautifully aligned, and the new design of both screens is clearly conveyed.

▼ New Design and Style Specification
 * **Design Direction:** Adopt **'Fun, Approachable, and Energetic Pop Design.'**
    * **Color:** Use a highly saturated, vibrant multi-color palette (e.g., candy colors, bright yellow, hot pink, sky blue) to give an energetic impression.
    * **Shape:** Frequently use large rounded corners for buttons, cards, and windows to create a soft, tactile texture. Icons should be in a playful style drawn with thick lines.
    * **Font:** Use an approachable and highly legible rounded Gothic Japanese font.
    * **Overall Atmosphere:** Finish with a bright, positive UI that makes the user excited to interact with it.
 * **Composition:** Cross-platform mockup with the PC and smartphone beautifully aligned, in an isometric (oblique overhead) or front view. The background should be a bright studio environment that enhances the pop UI.
 * **Text:** Place accurate Japanese text indicating the functions.

▼ Input Text (App Function Definition)
{argument name="app function definition" default="App to tile and export uploaded videos\nNo AI analysis function needed\nI want to be able to set the resolution!"}
From sourceView source ↗

About

The source requires reference images. Confirm input files before use.

More to explore

Cozy Tech Bedroom Portrait Generation Prompt — output

Cozy Tech Bedroom Portrait (JSON Format)

Melisa♡Nano Banana Pro
{
  "meta": {
    "title": "Cozy Tech Bedroom Portrait",
    "version": "1.0",
    "intent": "Photorealistic Social Media/Lifestyle"
  },
  "generation_params": {
    "aspect_ratio": "4:5",
    "width": 1024,
    "height": 1280,
    "seed": -1,
    "steps": 25,
    "cfg_scale": 7.0
  },
  "prompt_components": {
    "subject": {
      "description": "Girl from reference, matching face exactly",
      "hair": "{argument name=\"hair color and style\" default=\"Wet silver grey hair\"}",
      "makeup": "Natural soft-glam makeup",
      "expression": "Subtle smile"
    },
    "apparel": {
      "clothing": "{argument name=\"clothing\" default=\"Oversized white t-shirt\"}",
      "accessories": "None"
    },
    "pose_and_action": {
      "body_position": "Sits cross-legged on a bed",
      "interaction": "Laptop in front of her",
      "vibe": "Relaxed cozy pose"
    },
    "environment": {
      "setting": "Nighttime bedroom",
      "background_elements": "Dark curtains",
      "atmosphere": "Modern cozy-tech vibe"
    },
    "technical_specs": {
      "lighting": "Dim ambient lighting, soft harsh flash on face",
      "color_grading": "Muted warm tones",
      "camera_effects": "Gentle film grain",
      "render_quality": "Ultra-realistic, realistic skin texture, clean complexion, crisp detailed rendering"
    }
  },
  "full_concatenated_prompt": "Ultra-realistic nighttime bedroom photo of the same girl from the reference, matching her face exactly, with wet silver grey hair and natural soft-glam makeup. She sits cross-legged on a bed with a laptop in front of her, wearing an oversized white t-shirt. Relaxed cozy pose, subtle smile. Dark curtains, dim ambient lighting, soft harsh flash on her face, gentle film grain, muted warm tones. Modern cozy-tech vibe, realistic skin texture, clean complexion, crisp detailed rendering.",
  "negative_prompt": "different face, deformed limbs, messy background, overexposed flash, incorrect laptop text, distortion"
}

Find your next direction

ASTORIE CANVAS

Take the idea further.

Bring your prompts, references and results together in one creative space.

Open your canvas ↗