
UI/UX Redesign Prompt (Pop Design Style)

Generated output: UI/UX Redesign Prompt (Pop Design Style) — output 1
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.
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!"}About
The source requires reference images. Confirm input files before use.
More to explore




Cozy Tech Bedroom Portrait (JSON Format)
{
"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"
}

Clean infographic style constraints in Japanese
テキストをきわめて少なく、グラフィカルな表現を重視。日本語の文字化けを抑える。フォントはヒラギノゴシック中心。コンテンツはそのままに配色やデザインはMicrosoft365のように。フラットデザインでシンプルに。
Find your next direction
By use case
App / Web Design →Comics and storyboards →E-commerce images →Game assets →Educational graphics →Posters and flyers →Product marketing →Profiles and avatars →Social media posts →YouTube thumbnails →By style
3D renders →Anime and manga images →Chibi characters →Film stills →Cyberpunk images →Illustration →Chinese ink images →Isometric →Minimalism →Photography →Vintage images →Sketch and line art →Watercolor →Take the idea further.
Bring your prompts, references and results together in one creative space.
Open your canvas ↗