AAWEA.ORG
AAWEA.ORG
AAWEA.ORG

PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro

PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro
πŸ“ Prompt Template
# 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., [aspect ratio]), assuming the elements will be stacked vertically.

# Action
Generate one design comp of the attached image section, optimized for smartphone screen width (375px~).
πŸ’‘ About This Prompt

This is a detailed system prompt for Nano-banana Pro, instructing it to act as a skilled UI designer. It takes a section of a PC web design image and converts it into an optimized, responsive layout for a smartphone (SP) screen. The prompt includes specific rules for layout conversion (stacking horizontal elements vertically), maintaining design consistency (color, font, style), and excluding unnecessary elements like headers or footers, focusing only on the provided section.

οΏ½
γΎγ•γŸο½œWeb刢作
@γΎγ•γŸο½œweb刢作
Metadata
Published Jun 12, 2026
Model
Nano Banana Pro 10 cr/run
Category
Statistics
0
Likes
0
Views
0
Shares
0
Comments
0
Bookmarks
0
Uses
⚑ TRY IT NOW
Share Now

0 Comments

Sign in to join the discussion
πŸ’¬
No comments yet. Be the first!

πŸ‘₯ Co-learning Circle 0

Observe other members' variables & configurations, and click "Study & Retry" to instantly import settings and practice!

πŸ‘₯
No users have run this prompt yet.
Preview