Text to Image

PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro — AI Image 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. - AIPinMaker

Nano Banana 2PosterText to Image
PC to Smartphone Web Design Conversion Prompt for Nano-banana Pro
Text to Image

Prompt

{
  "image_description": {
    "overall_theme": "High-technology augmented reality analysis of a scenic outdoor portrait",
    "resolution": "4K UHD, hyper-realistic with sharp data overlay",
    "subject": {
      "name": "Woman_Model_A",
      "pose": "Seated_profile, looking_left, side",
      "attire": {
        "garment": "Draped_One_Shoulder Pleated_Silk_Green_Dress",
        "color_hex": "#1E6641",
        "footwear": "Boots_Maroon",
        "accessory": {
          "type": "Bag_Two-Tone Leather/Metal",
          "details": "Gold_Buckle_feature"
        }
      }
    },
    "environment": {
      "location": "Nusa_Penida_Cliffside",
      "terrain": "Rocky_Path",
      "details": {
        "main_trees": {
          "type": "Fern_Tree",
          "count": 3
        },
        "vegetation": "Lush mossy trees, vibrant red flowers, exotic plants",
        "boundary": "Wooden fence posts with thick rope rail",
        "background": "Distant tree-covered cliffs partially obscured by mist, with birds in flight",
        "specific_sign": "Small sign on a fence post with the text 'Kelingking'"
      }
    },
    "data_overlay": {
      "style": "Translucent cyan digital interface with glowing gridlines and panel outlines",
      "panels": [
        {
          "position": "Top-Left (Stacked Vertical)",
          "content": [
            "ANALYSIS: SUBJECT_DETECT",
            "POSE: SEATED_PROFILE",
            "OUTFIT: DRAPED_ONE_SHOULDER",
            "COLOR: #1E6641_SILK_GREEN",
            "ACCESSORY_1: BAG_TWO-TONE",
            "MATERIAL: LEATHER/METAL",
            "HEEL: BOOTS_MAROON"
          ]
        },
        {
          "position": "Top-Center (Floating Block)",
          "content": "COORDINATES: -8.7495° S, 115.0934° E"
        },
        {
          "position": "Center-Left (Embedded Annotation)",
          "linked_to": "Leftmost Fern Tree",
          "content": "FERN_TREE (count: 3)"
        },
        {
          "position": "Center-Right (Embedded Annotation)",
          "linked_to": "Rightmost Fern Tree",
          "content": "FERN_TREE (count: 3)"
        },
        {
          "position": "Top-Right (Annotation)",
          "linked_to": "Cliffs",
          "content": "CLIFF_DISTANCE (approx: 450m)"
        },
        {
          "position": "Bottom-Right (Formatted JSON Block)",
          "content": "{\n  \"model\": {\n    \"name\": \"Woman_Model_A\",\n    \"pose\": \"Seated_left_looking_side\"\n  },\n  \"apparel\": {\n    \"garment\": \"Pleated_Silk_Green_Dress\",\n    \"style\": \"One-Shoulder_Draped\"\n  },\n  \"bag\": {\n    \"type\": \"Two-Tone_Leather_Gold-Buckle\",\n    \"brand\": \"Luxury_Accessory\"\n  },\n  \"location\": \"Nusa_Penida_Cliffside\",\n  \"terrain\": \"Rocky_Path\"\n}"
        }
      ]
    }
  }
}5c

Prompt breakdown

Subject
Woman_Model_A seated in profile wearing draped one-shoulder pleated silk green dress #1E6641, maroon boots, and two-tone leather-metal bag with gold buckle, positioned on rocky path beside Kelingking sign
Style
Hyper-realistic 4K UHD with translucent cyan digital AR interface, glowing gridlines, panel outlines, and embedded JSON data block
Composition
Top-left stacked vertical analysis panels, top-center floating coordinates block, center-left and center-right annotations linked to the three fern trees, top-right cliff distance marker, bottom-right formatted JSON block

Remix ideas

  • Replace the JSON block content with an XML structure while keeping the same bottom-right position
  • Change the dress hex to #2E4057 and add a fourth fern tree on the left side of the frame
  • Shift the coordinates panel to bottom-center and overlay faint red flower close-ups on the right edge

Reference images

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

How to use this AI Image prompt template

  1. AiVideo Maker stepOne1
    Copy the prompt — grab this template’s prompt and negative prompt.
  2. iVideo Maker stepTwo2
    Pick a model — choose a recommended AI model for the best match.
  3. AiVideo Maker stepThree3
    Generate — open the studio with one click and create your result.

Related templates

FACS Action Unit Reference Grid
GPT Image 2

FACS Action Unit Reference Grid

{"type":"FACS facial action coding system reference grid poster","title":"{argument name=\"headline text\" default=\"FACS Reference Grid — 48 Action Units (v3 Step 2/3 fix)\"}","subtitle":"OLD algorithm woman, Cafe Window | Model Name: {argument name=\"model name\" default=\"banana 2\"} | eyes v3.1, flash mug-preview","overall_style":"dark technical contact-sheet layout, small white sans-serif typography, thin grid gutters, photographic thumbnails, warm cafe-window lighting, muted black and charcoal UI background","subject":{"description":"{argument name=\"subject\" default=\"young woman with long dark hair holding a beige ceramic cup near her mouth\"}","setting":"{argument name=\"setting\" default=\"warm cafe window interior with vertical window frames and golden daylight\"}","face_treatment":"each thumbnail shows the same portrait composition with a large soft-edged beige rectangular anonymization mask covering the central face area while hair, hands, cup, neck, and background remain visible"},"layout":{"canvas":"portrait poster, approximately 4:5 aspect ratio, black background","header":"two-line header at top left, compact and technical","grid":{"count_total_tiles":49,"count_filled_action_units":48,"count_empty_tiles":1,"columns":7,"rows":7,"thumbnail_style":"each tile has a photographic image on top and a dark caption bar below with a numeric index, AU code, and action label","empty_tile":"bottom-right tile is blank dark gray with tiny text reading missing and a label line 49. ---"}},"action_units":[{"index":1,"code":"AU01","label":"Inner Brow Raise"},{"index":2,"code":"AU02","label":"Outer Brow Raise"},{"index":3,"code":"AU04","label":"Brow Lowerer"},{"index":4,"code":"AU05","label":"Upper Lid Raiser"},{"index":5,"code":"AU06","label":"Cheek Raiser"},{"index":6,"code":"AU07","label":"Lid Tightener"},{"index":7,"code":"AU09","label":"Nose Wrinkler"},{"index":8,"code":"AU10","label":"Upper Lip Raiser"},{"index":9,"code":"AU11","label":"Nasolabial Deepener"},{"index":10,"code":"AU12","label":"Lip Corner Puller"},{"index":11,"code":"AU13","label":"Sharp Lip Puller"},{"index":12,"code":"AU14","label":"Dimpler"},{"index":13,"code":"AU15","label":"Lip Corner Depressor"},{"index":14,"code":"AU16","label":"Lower Lip Depressor"},{"index":15,"code":"AU17","label":"Chin Raiser"},{"index":16,"code":"AU18","label":"Lip Puckerer"},{"index":17,"code":"AU20","label":"Lip Stretcher"},{"index":18,"code":"AU22","label":"Lip Funneler"},{"index":19,"code":"AU23","label":"Lip Tightener"},{"index":20,"code":"AU24","label":"Lip Pressor"},{"index":21,"code":"AU25","label":"Lips Part"},{"index":22,"code":"AU26","label":"Jaw Drop"},{"index":23,"code":"AU27","label":"Mouth Stretch"},{"index":24,"code":"AU28","label":"Lip Suck"},{"index":25,"code":"AU41","label":"Lid Droop"},{"index":26,"code":"AU42","label":"Slit"},{"index":27,"code":"AU43","label":"Eyes Closed"},{"index":28,"code":"AU44","label":"Squint"},{"index":29,"code":"AU45","label":"Blink"},{"index":30,"code":"AU46","label":"Wink"},{"index":31,"code":"AU51","label":"Head Turn Left"},{"index":32,"code":"AU52","label":"Head Turn Right"},{"index":33,"code":"AU53","label":"Head Up"},{"index":34,"code":"AU54","label":"Head Down"},{"index":35,"code":"AU55","label":"Head Tilt Left"},{"index":36,"code":"AU56","label":"Head Tilt Right"},{"index":37,"code":"AU57","label":"Head Forward"},{"index":38,"code":"AU58","label":"Head Back"},{"index":39,"code":"AU61","label":"Eyes Turn Left"},{"index":40,"code":"AU62","label":"Eyes Turn Right"},{"index":41,"code":"AU63","label":"Eyes Up"},{"index":42,"code":"AU64","label":"Eyes Down"},{"index":43,"code":"AU65","label":"Walleye"},{"index":44,"code":"AU32","label":"Lip Bite"},{"index":45,"code":"AU33","label":"Cheek Blow"},{"index":46,"code":"AU36","label":"Tongue Bulge"},{"index":47,"code":"AU35","label":"Cheek Suck"},{"index":48,"code":"AU19","label":"Tongue Show"}],"generation_instructions":"Create a consistent reference grid using the same subject, camera angle, cup, lighting, and background in every filled tile. Vary only the facial action or head/eye direction indicated by each label, even though the face is mostly hidden by the anonymization mask. Keep labels crisp and legible, with exact AU codes and numbering."}37

womanphotorealisticsharp-focus
Text to Image
Y2K Japanese Street Editorial Collage Poster
GPT Image 2

Y2K Japanese Street Editorial Collage Poster

Create a bold Y2K Japanese street-editorial collage poster with a clean high-fashion magazine aesthetic, gritty paper textures, torn magazine cutouts, distressed ink splashes, and urban Tokyo-inspired design. Main composition: one large cinematic close-up portrait at the top with intense eye focus, natural skin texture, glossy lips, messy tied-up hair, no glasses, soft dramatic lighting, confident innocent expression, ultra-realistic fashion photography style. Bottom composition: only 2 smaller portrait collage frames showing different facial expressions and angles, styled like ripped polaroids taped onto the poster. Design elements: oversized bold Japanese typography, minimal English text, subtle Japanese street signs, barcode stickers, newspaper scraps, vintage grunge textures, paint strokes, film grain, tape pieces, layered paper collage effects, and premium editorial magazine layout aesthetics. Style: edgy yet clean, modern Japanese fashion zine, cinematic shadows, sharp eye detail, RAW DSLR realism, editorial streetwear moodboard, premium graphic design, ultra detailed, 8K, balanced neutral tones, no pink aesthetic, no bubbles, no cartoon vibe.

photorealisticwomancyberpunk
Text to Image
Japanese-Style Facial Analysis Diagnostic Poster
GPT Image 2

Japanese-Style Facial Analysis Diagnostic Poster

{ "type": "竖版面相诊断报告卡 信息图", "style": "日系专业诊断文档风格 (报告风格),暖米白底色,玫瑰粉标题栏,细线边框分隔,宋体与黑体混排,医学报告版式感,柔和暖色调,精致排版,无插画装饰", "layout": { "顶部标题区": { "主标题": "面相诊断书 (诊断标题)", "主标题字体": "大字号加粗宋体,居中,深棕色", "副标题": "观相学 × 统计心理学 × 印象分析", "副标题字体": "小号细黑体,居中,灰棕色" }, "第一区块": { "布局": "左右两列", "左列": { "内容": "一张亚洲年轻女性的真实感人像照片,棕发微卷,五官精致,浅色外套,手托脸颊,自然表情,车内背景,温暖自然光,film photograph质感 (照片内容)", "尺寸": "约占左侧1/3宽,高度跨越两行" }, "右列": { "区块标题": "① 脸部整体印象", "区块标题样式": "玫瑰粉填充背景,白色文字,圆角矩形标题栏", "表格内容": { "count": 5, "行数据": [ ["轮廓", "略呈椭圆形,圆润,给人温柔印象"], ["左右对称", "左右对称,比例协调"], ["重心", "面部重心居中,亲切自然"], ["留白", "额头・两颊・下颌留白适度,清洁感强"], ["五官密度", "五官排列整齐,可爱与华丽并存"] ] }, "第一印象文字": "第一印象:亲切自然,清洁感强,令人想要守护的氛围。", "社交性格": "社交性格:疗愈系人气者。善于倾听,以支持角色获得信任。" } }, "第二区块_三列": { "布局": "横向三等分", "列1": { "区块标题": "② 额头", "小型人像插图": "额头特写区域高亮", "表格": [ ["宽度", "略宽,圆润"], ["圆润度", "自然弧度,柔和"], ["倾斜度", "略微后倾,沉稳印象"] ], "解读文字": "解读:具有智识感,思维柔韧。天生运势好,易得环境眷顾。" }, "列2": { "区块标题": "③ 眉毛", "小型人像插图": "眉毛区域高亮", "表格": [ ["浓淡", "略淡,自然"], ["形状", "柔和拱形"], ["角度", "略微上扬"], ["左右对称", "基本对称,稳定"] ], "解读文字": "解读:意志不过于强硬,具柔韧性。协调性高,抗压能力中~高。" }, "列3": { "区块标题": "④ 眼睛", "小型人像插图": "眼睛区域高亮", "表格": [ ["大小", "偏大,黑眼球比例高"], ["形状", "圆润杏仁形"], ["间距", "略宽,有余裕感"] ], "解读文字": "解读:感受力强,直觉敏锐。共情力高,善于读懂人心。" } }, "第三区块_三列": { "布局": "横向三等分", "列1": { "区块标题": "⑤ 鼻子", "表格": [ ["高度", "略高,挺立"], ["宽度", "细巧,高贵感"], ["鼻头", "圆润,柔和"] ], "解读文字": "解读:具备现实判断力,金运属于踏实积累型。" }, "列2": { "区块标题": "⑥ 嘴唇", "表格": [ ["大小", "略小,精致"], ["厚度", "薄厚均衡"], ["嘴角", "略微上扬"] ], "解读文字": "解读:深情,善于倾听。语言有疗愈他人的力量。" }, "列3": { "区块标题": "⑦ 下颌・轮廓", "表格": [ ["线条", "圆润,女性感"], ["下颌线", "流畅柔软"] ], "解读文字": "解读:性格沉稳,稳定志向。晚年运势良好,受人扶持之运。" } }, "第四区块_两列": { "布局": "左右两列", "左列": { "区块标题": "⑧ 五官配置平衡", "面部比例图": "一张标注上庭/中庭/下庭三等分的正面女性面部示意图,每段标注'各1/3',底部注明'左右平衡良好'", "说明文字": "接近黄金比例,运势流动稳定。成功依赖人际关系广泛的类型。" }, "右列": { "区块标题": "⑨ 综合诊断", "性格本质": "性格本质:温柔细腻,擅长体察他人情绪。和平主义者,重视和谐。", "优势3项": { "标签": "优势(3项)", "items": ["共情力强,获得他人信任", "柔韧且适应力强", "美感与直觉力高"] }, "弱点3项": { "标签": "弱点(3项)", "items": ["过于顾虑他人而容易疲惫", "容易过度谦虚", "自身意见容易不断退缩"] }, "适合职业": "接待・销售・美容・医疗・教育・咨询・公关・设计・企划等,与人打交道、发挥感性的工作◎", "恋爱倾向": "一旦爱上便全心投入型。重视安全感,被真诚对象吸引。束缚感不擅长,重视信任关系。", "人生易陷模式": "过度迁就他人" } } } }3c:T187e,{ "type": "Vertical Physiognomy Diagnosis Report Card Infographic", "style": "Japanese professional diagnosis document style (report style), warm cream background, rose pink title bars, fine line borders, mix of Serif and Sans-serif fonts, medical report layout feel, soft warm tones, exquisite typography, no illustration decoration", "layout": { "Header Section": { "Main Title": "Physiognomy Diagnosis Certificate (diagnosis title)", "Main Title Font": "Large bold Serif, centered, dark brown", "Subtitle": "Physiognomy × Statistical Psychology × Impression Analysis", "Subtitle Font": "Small fine Sans-serif, centered, gray-brown" }, "First Block": { "Layout": "Two columns", "Left Column": { "Content": "A realistic portrait photo of a young Asian woman with slightly wavy brown hair, delicate features, wearing a light-colored jacket, resting her hand on her cheek, natural expression, in-car background, warm natural light, film photograph quality (portrait content)", "Size": "Approx 1/3 width, spans two rows high" }, "Right Column": { "Block Title": "① Overall Facial Impression", "Block Title Style": "Rose pink background, white text, rounded rectangle title bar", "Table Content": { "count": 5, "Row Data": [ ["Outline", "Slightly oval, rounded, giving a gentle impression"], ["Symmetry", "Symmetrical, coordinated proportions"], ["Center of Gravity", "Centered, friendly and natural"], ["Negative Space", "Moderate space on forehead, cheeks, and jaw; strong sense of cleanliness"], ["Feature Density", "Features neatly arranged, blending cuteness and elegance"] ] }, "First Impression Text": "First Impression: Friendly and natural, strong sense of cleanliness, an aura that makes people want to protect you.", "Social Character": "Social Character: Healing-type popular figure. Good at listening, gains trust in a supportive role." } }, "Second Block (Three Columns)": { "Layout": "Three equal horizontal sections", "Column 1": { "Block Title": "② Forehead", "Small Portrait Insert": "Forehead area highlighted

womanpptphotorealistic
Text to Image
1990s Time Traveler Magazine Cover
GPT Image 2

1990s Time Traveler Magazine Cover

Create a creative image of 1990s Time Traveler Magazine Cover. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: 1990s-time-traveler-magazine-cover-14330.

photorealisticblog-herosharp-focus
Text to Image
High-End Haute Couture Magazine Cover - Nano Banana Pro AI Prompt for Poster / Flyer
Nano Banana 2

High-End Haute Couture Magazine Cover - Nano Banana Pro AI Prompt for Poster / Flyer

This is a high-end fashion magazine cover for "GLAXY (magazine name)" featuring a young woman in a striking, deep pink (gown color) haute couture gown. The dress is crafted from a rich, heavy satin with a structured corset bodice and a high halter neck, accented by dramatic, oversized fabric roses on the shoulders that create a bold, sculptural silhouette. The model is captured in a confident, editorial pose with her hands on her hips, her long wavy brown hair (hair style) cascading over her shoulders. ​The composition utilizes soft, professional studio lighting that emphasizes the lustrous texture of the pink fabric against a minimalist, neutral cream background. Elegant serif typography in black and soft silver frames the model, featuring headlines like "GRACE & POWER: Modern Femininity Redefined" and "The Ultimate Lifestyle Issue." The overall aesthetic is one of cinematic luxury and sophisticated fashion photography, characteristic of a premium editorial publication.3a

womanstudiophotorealistic
Text to Image
Japanese Sci-Fi Suit-Up Process Board
GPT Image 2

Japanese Sci-Fi Suit-Up Process Board

{"type":"Japanese sci-fi armor dressing-process infographic","style":"cinematic live-action tokusatsu-inspired promotional board, realistic industrial lighting, polished metal surfaces, sharp photographic detail","theme":"manual pre-battle suit-up sequence for a female hero in a red, silver, black, and blue protector suit","subject":{"character":{"gender":"female","age":"young adult","identity":"helmetless heroine during assembly, face intentionally obscured or anonymized in every unhelmeted panel","hair":"dark brown to black hair tied in a high ponytail with bangs","undersuit":"glossy black skintight inner suit with silver chest panel and white neck ring","armor":"retro-futuristic protector armor with red shoulder and arm plates, silver breastplate and torso plating, circular blue chest core, red waist unit, white gloves, red forearm guards with yellow stripe accents","helmet":"round red-and-silver helmet with black visor"},"environment":{"location":"high-tech industrial hangar or armor bay","background elements":["metal framework","robotic equipment","tool benches","armor racks","computer monitors","workshop lighting","bay corridor marked BAY-07 in final panel"]}},"layout":{"header":{"count":2,"labels":["ソルジャンヌ・スーツ 手動装着プロセス","専用プロテクタースーツ『ソルジャンヌ』を、戦闘前に手動で装着する様子。各ユニットを確実に装着し、システムを起動する。"],"design":"wide black-to-red gradient banner across top, large bold white Japanese text, diagonal red accent"},"sections":[{"title":"1 インナースーツの確認","position":"top-left","count":1,"labels":["各部のセンサーとコネクタをチェック。戦闘に備え、身体の状態を最終認する。"],"image":"three-quarter view of the heroine in only the black glossy inner suit, looking down while checking or tightening a wrist connector"},{"title":"2 胸部・肩部アーマーの装着","position":"top-center","count":1,"labels":["胸部ユニットと肩部プロテクターを装着。コネクタを接続し、ロックを固定する。"],"image":"mid shot with chest armor and red shoulder plates installed, heroine fastening the front torso area with both hands"},{"title":"3 腰部ユニット・ベルトの固定","position":"top-right","count":1,"labels":["ウエストユニットを装着し、各部のロックを確認。可動部の動作チェックを行う。"],"image":"mid shot with torso armor completed, heroine tightening or checking the waist belt and side locks"},{"title":"4 ヘルメットの準備","position":"bottom-left","count":1,"labels":["ヘルメットのバイザーと内部システムをチェック。ヘッドセットとの同期を確認する。"],"image":"heroine holding the red helmet in both hands at chest height, showing the glossy black visor"},{"title":"5 ヘルメットの装着・システム起動","position":"bottom-center","count":1,"labels":["ヘルメットを装着し、直上のコネクタをロック。全身のシステムが起動し、胸部コアが発光する。"],"image":"heroine placing the helmet onto her head with both hands; blue chest core glowing brightly"},{"title":"6 装着完了","position":"bottom-right","count":1,"labels":["全システムの最終チェックを行い、戦闘モードへ。ソルジャンヌ、出撃準備完了!"],"image":"full-body frontal hero pose in a futuristic corridor, fully suited with helmet on, arms relaxed at sides"}],"footer":{"count":1,"labels":["一つ一つの装着が、命を守り、力を引き出す。 ソルジャンヌの戦いは、ここから始まる。"],"design":"dark red cinematic footer strip with centered white Japanese slogan"},"grid":{"rows":2,"columns":3,"panel_count":6,"panel_borders":"thin white dividers","number_badges":6}},"text_rendering":{"language":"Japanese","font":"bold sans-serif headline with smaller sans-serif body text","colors":"white text on black, red, and white info bars; red numbered squares with white numerals"},"composition":"16:9 wide infographic board, six equal photo panels arranged in a 3-by-2 grid, each panel captioned below with a red numbered box from 1 to 6","lighting":"moody workshop lighting with metallic reflections and red accent lights, realistic shadows, cinematic sci-fi atmosphere"}3d:T1116,{"type":"Japanese sci-fi armor dressing-process infographic","style":"cinematic live-action tokusatsu-inspired promotional board, realistic industrial lighting, polished metal surfaces, sharp photographic detail","theme":"manual pre-battle suit-up sequence for a female hero in a red, silver, black, and blue protector suit","subject":{"character":{"gender":"female","age":"young adult","identity":"helmetless heroine during assembly, face intentionally obscured or anonymized in every unhelmeted panel","hair":"dark brown to black hair tied in a high ponytail with bangs","undersuit":"glossy black skintight inner suit with silver chest panel and white neck ring","armor":"retro-futuristic protector armor with red shoulder and arm plates, silver breastplate and torso plating, circular blue chest core, red

womanrobotphotorealistic
Text to Image

Explore more prompts

Browse more AI image and video prompts by category.

FAQ

What location is identified by the sign and coordinates in this prompt?
The 'Kelingking' sign and coordinates -8.7495° S, 115.0934° E pinpoint the cliffside viewpoint at Kelingking Beach on Nusa Penida, Bali, with the distant 450m cliffs shown in mist.
How does the prompt handle the three fern trees in the AR overlay?
Each of the three fern trees receives an embedded annotation label 'FERN_TREE (count: 3)' positioned at center-left and center-right, linked directly to the leftmost and rightmost trees along the rocky path.