Pc To Smartphone Web Design Conversion Prompt For Nano Banana Pro

Pc To Smartphone Web Design Conversion Prompt For Nano Banana Pro — generated with Nano Banana Pro

What this prompt does: Produces a anime illustration image using Nano Banana Pro. Style cues: cinematic, dramatic. Sourced from a verified fair-citation repository (まさた|Web制作) and reproduced here unchanged with full attribution per the source license.

Prompt
# Instruction
You are a skilled UI designer.
Analyze the attached image of a "section of a PC web design" and generate the optimal layout image for that part when displayed on a smartphone (SP) screen.

# Generation Rules (Section Specific)
1. Process as an independent component:
- Do not add any headers, footers, or unnecessary navigation bars.
- Reconfigure using only the elements present in the image (text, icons, photos).

2. Responsive Layout Conversion (Stacking):
- Elements that are horizontally aligned on the PC (Horizontal row) should be changed to vertical stacking (Vertical column) for the smartphone.
- Margins (Padding/Margin) should be appropriately adjusted for the narrow screen width of a smartphone.

3. Design Inheritance:
- Maintain the color scheme, font atmosphere, and decorative style of the original image.
- The image aspect ratio should be generated as vertical (e.g., {argument name="aspect ratio" default="3:4 or 9:16"}), assuming the elements will be stacked vertically.

# Action
Generate one design comp of the attached image section, optimized for smartphone screen width (375px~).