App / Web Design Prompts

A vibrant rhythm game screenshot featuring a 3D anime character from the reference photo.
[{argument name="character description" default="Girl wearing a cloak"}]

Maintaining a confident dance pose on the left side of the screen.
Immersive cinematic lighting glowing in neon yellow and pink
Glossy, reflective dance floor shining under a spotlight
Dynamic 3D anime style.

Immersive UI rhythm game screen: no reflection display
Score display at the top
Colorful music waveform animation synchronized with the beat
Stage timer countdown
Floating combo numbers
Energy bar
Neon particle effects
Four falling button instruction arrows from top to bottom on the right side of the screen
Button arrow direction and color are fixed for each column (Left: Red, Up: Blue, Down: Green, Right: Yellow)

Highly detailed game atmosphere created with immersive arcade rhythm game HUD elements
Ultra-detailed, cinematic, immersive, 3D animation.

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!"}

A game that automatically analyzes and corrects images.

front facing, straight monitor, close shot

Subject: image1 - use the uploaded photo as the exact face reference (100% facial accuracy). Do not change facial features, proportions, skin texture, or expression. Keep my natural dark facial tone, no extra brightness or whitening.

(Use face reference exactly.)

A dreamlike, movie-quality augmented-reality street scene. I am {argument name="pose" default="leaning casually against a streetlight on an Indian city street, wearing an open yellow hoodie, black jeans, and white sneakers, holding a phone and looking at its screen"}.

Around me, multiple floating Spotify/Apple-Music style player cards orbit in full 3D space. Some cards appear in front, partially overlapping my body, while others float behind and beside me at varying depths. The UI cards have rounded corners, slight perspective tilt, translucent frosted-glass look, soft glowing edges, playback bars, and album art featuring songs by {argument name="artist" default="[Artist Name]"}.

Lighting is {argument name="lighting" default="cool-to-neutral with preserved shadows, subtle cinematic bloom, and natural interaction between Ul glow and street lighting"}. Foreground cards are sharp; distant cards softly blurred for depth. Medium-high contrast, realistic motion accents.

Photorealistic subject, central composition, seamless blend of real environment and AR visuals.

{
  "scene": "AI engineer working at futuristic desk with multiple holographic displays",
  "camera": {
    "angle": "{argument name="camera angle" default="over-the-shoulder, slightly elevated"}",
    "focal_length": "{argument name="focal length" default="50mm portrait lens"}",
    "depth_of_field": "{argument name="depth of field" default="shallow, subject in sharp focus, background slightly blurred"}"
  },
  "lighting": {
    "type": "{argument name="lighting type" default="dramatic side lighting with blue accent lights"}",
    "time_of_day": "{argument name="time of day" default="late night"}",
    "mood": "{argument name="mood" default="focused, tech-noir atmosphere"}",
    "shadows": "deep but not harsh"
  },
  "color_grade": "{argument name="color grade" default="cool tones, teal and orange color scheme"}"
}

hand-drawn urban planning map

geometric low-poly 3D art style made of triangles,
clean vector-like lines,
soft pastel color palette,
modern minimalist wallpaper aesthetic,
high resolution,
soft lighting,
smooth shading,
{argument name="character description" default="cute and charming character"},
centered composition

editorial magazine spread concept, muted earth tones with raw linen texture, large-scale serif headline at 200pt in deep charcoal, off-white margins with subtle grain overlay, geometric rule lines in terracotta, cinematic side lighting casting long shadows across the layout, high-end editorial print finish

format: "self_intro_sheet"
text:
  title: "Self-Introduction Sheet"
  fields:
    名前: "{argument name="name" default="Your Name"}"
    家族: "{argument name="family" default="Father, Mother, Younger Sister"}"
    血液型: "Type A"
    趣味: "Cafe hopping, taking photos"
    性格: "Cheerful, laughs often, works at my own pace"
    休日は: "Going out with friends, searching for cute shops"
    好きな物: "Pudding, strawberries, cute clothes, stylish cafes"
    好みのタイプ: "Kind and considerate person"
    嫌いな物: "Bitter things"
    一言メッセージ: "I'd be happy if we could be friends"

font:
  title: "Fluffy, thick rounded font"
  label: "Gentle handwriting style"
  body: "Pop, easy-to-read rounded font"
  color: "Pink"

vibe:
  overall: "Yumekawa (dreamy cute), girly, gentle and sweet atmosphere"
  colors:
    - "Pink"
    - "Lavender"
    - "Baby Blue"
  decorations:
    - "Dog"
    - "Bear"
    - "Lion"
    - "Cat"

① Menu Style
Create a diagram of "5 selected {argument name="side job skills" default="skills to earn money with side jobs"}" in the style of a Japanese restaurant menu. Use vertical writing, brush strokes, and a Japanese paper-like background.

② Prescription Style
Create a diagram of "{argument name="AI usage" default="correct way to use AI"}" in the style of a medical prescription. Include an Rx mark, white background, and medical blue color.

③ Boarding Pass Style
Create a diagram of "{argument name="departure point" default="life without AI"} → {argument name="destination" default="life after AI utilization"}" in the style of an airline boarding pass. Include departure point, destination, and a barcode.

④ Dashboard UI Style
Create a diagram comparing the performance of "{argument name="comparison subjects" default="ChatGPT vs Claude"}" in the style of a dark mode dashboard UI. Include KPI cards and graphs.

⑤ Diagnosis Chart Style
Create a diagnosis chart for "{argument name="AI tool" default="AI tool"}" that suits you, in the style of a Yes/No branching flowchart. Include arrows and color-coded nodes.

Create a premium smartphone wallpaper in vertical 9:16 format, Japanese minimal editorial aesthetic, quiet and refined, inspired by modern notebook-grid design and clean infographic illustration. Background: warm off-white paper texture with a very subtle light gray square grid across the whole canvas, soft natural paper feel, elegant and minimal, bright but not stark white. Composition: very sparse layout with large breathing room for a phone wallpaper, asymmetric balance, main illustration placed slightly below center, top and upper-middle area kept relatively open and calm, include only {argument name="subject" default="one young woman"} in a warm, friendly composition, she should be clearly integrated with the central machine and actively operating it, overall look should feel sophisticated, mature, and uncluttered. Illustration: a single minimalist isometric line-art machine / creative device / abstract workflow object, drawn with thin dark gray to black outlines, soft cream and pale gray fills, tiny accent details in muted {argument name="accent color" default="sage green"}, small geometric blocks or paper-like modules flowing through the device, include only one young woman placed naturally around the central object, interacting closely and affectionately, she should feel friendly, relaxed, and connected, show exactly one person only, no adults other than her, she should be clearly using and operating the machine, for example, her hand gently pressing or adjusting a control panel or button while receiving paper-like modules coming from the machine, her hands and posture should visibly connect to the machine so the interaction feels intentional and functional, the machine and the woman should feel like one unified scene rather than separate elements, the illustration should feel intelligent, stylish, and poetic rather than technical, high-end Japanese design taste, simple, neat, and tasteful. Typography: include only one very short English phrase "{argument name="text" default="WEEL"}" set in bold modern sans-serif typography, clean black text, medium size, not oversized, placed with strong alignment and generous spacing, the text should feel like part of the design, not like a poster headline. Color palette: off-white, soft gray, black, muted sage green only, low-saturation, elegant contrast, avoid loud neon colors. Style direction: minimal, premium, calm, smart, editorial, Japanese taste, beautiful negative space, clean geometry, subtle stationery mood, slightly futuristic but warm, suitable as a stylish wallpaper for adults. Output quality: ultra clean composition, high clarity, refine

● Generation Theme
{argument name="generation theme" default="Icon material set for YouTube videos"}

● Content
{argument name="content" default="Create icons for YouTube production, editing, posting, and analysis in a unified design. Examples: Actions: Play button, high rating, comments, share, notification bell; Editing: Cut, timeline, telop, BGM, sound effects; Filming equipment: Camera, microphone, light, PC, smartphone, headset; Operation: Upload, analysis, save, playlist, list, arrow"}

● Production Conditions
・Unified ratio, line width, color scheme, and world view
・High visibility
・No text required
・Background: Solid white color
・Resolution: "2K"
・Aspect Ratio: "16:9"

● Design Image
→ Insert the design image below here 💡

【Negative prompt】
Real, photo texture, three-dimensional, 3D, overly complex details, metal texture, dark shadows, horror, overly dark colors

-------------------

● Design Image ① (Soft and Fluffy)
Rounded shapes, soft color scheme, thin black lines, pastel colors, friendly atmosphere, hand-drawn illustration style

-------------------

● Design Image ② (YouTube Simple Flat Style)
Thick lines, emphasis on Red×White×Black, sharp corners, emphasized lines, priority on visibility, modern UI icon

-------------------

● Design Image ③ (Simple)
Minimal, thin lines, refined spacing, centered on achromatic colors, icon font style, elegant and calm design

-------------------

● Design Image ④ (Game Streaming/Streamer)
Fluorescent accent colors (neon blue/purple/red), SF feel, Sharp edges, HUD UI style, cyber and edgy design

-------------------

● Design Image ⑤ (Colorful Pop/KIDS Education)
Thick, rounded silhouette, bright colorful scheme (red, yellow, green, blue, pink), picture book style, soft and fun atmosphere, simple and recognizable icons, educational design that is cute but not too childish.

-------------------

● Design Image ⑥ (Explanation/History/Retro)
Calm retro color scheme (brown, dark green, deep navy, sepia), novel/bulletin board/analytical atmosphere, thin lines, slightly heavy icon feel, old map/document/archive feel, mysterious tone with a unified world view.

-------------------

● Design Image ⑦ (Flashy/Dynamic)
Thick lines, strong contrast, flashy colors (red, yellow, black), energetic and dynamic impression, Japanese manga-style emphasis (exclamation marks, speed lines, emphasized text style), powerful pop design that grabs the viewer's attention.

# Regarding the shape smile mark:
Literally, the smile mark found in the shape insertion feature of PowerPoint.
That simple, ultimately minimalist figure with empty eyes and only the corners of the mouth turned up.

Start image generation

3d squishy kawaii letters from {argument name="letters" default="A to Z"}, {argument name="theme" default="candyland"} theme, glossy pastel colors, soft rounded shapes like marshmallows and gummies, each letter made of different sweets such as lollipops, jelly beans, cotton candy, and chocolate, arranged in alphabetical order on a {argument name="background" default="plain blank white background"}, soft studio lighting, high-resolution, ultra-cute and whimsical style

A bold, experimental typographic poster featuring the large centered word '{argument name="text" default="design"}' in lowercase, ultra-heavy geometric sans-serif font with thick slab-like strokes and perfectly rounded edges, reminiscent of modern brutalist. The same letters are being shown blurry under the main letters and duplicated many times going down with a blur effect. {argument name="background colors" default="Blue and purple soft gradient"} background.

{argument name="style" default="line art illustration style"},
clean black outline, no color fill,
{argument name="line weight" default="thin and consistent"} line weight,
white background,
minimalist, highly refined,
vector-like precision, high resolution

Charming 3D paper-cut illustration, smooth rounded shapes, minimal character features ({argument name="character features" default="dot eyes, blush cheeks"}), {argument name="border style" default="thick white sticker border"} around subjects, {argument name="color palette" default="gentle pastel colors"}, soft even lighting, matte tactile art paper texture.

A surreal, ethereal landscape at night featuring a serene body of water reflecting a large, luminous full moon in the center of a misty, soft-toned sky. On the left, a {argument name="plant" default="delicate tree with glowing pink and cyan blossoms"} stands on a rocky islet. On the right, an {argument name="building" default="ornate, multi-tiered traditional Japanese pagoda"} glows with vibrant pink and teal neon light, perched atop a rocky formation. A graceful, arched bridge connects the two islets, also glowing with a soft pink light. The entire scene is bathed in a {argument name="style" default="dreamy, vaporwave-inspired color palette of soft pinks, cyans, and hazy grays"}, with a gentle, magical atmosphere, high-detail 3D render, cinematic lighting, and a calm, tranquil aesthetic.

Flat illustration of {argument name="subject" default="[subject]"}, startup-style vector art, bright colors, simple shapes, clean and professional design, white background, no text.

1. Prepare the character prototype
2. Prepare the mobile interface screenshot
3. Send along with the prompt text

CONCEPT:
A futuristic architectural blueprint of the Burj Khalifa projected as a glowing hologram, actively constructing itself in mid-air through robotic precision and digital intelligence.

SUBJECT:
A semi-transparent holographic version of the Burj Khalifa floating above a sleek glass smart table. The lower portion appears as a glowing blue wireframe blueprint, while the upper portion transitions into a fully photorealistic skyscraper with reflective glass panels and metallic structure as it builds itself in real-time.

ENVIRONMENT:
A high-tech architectural lab with a dark, minimal interior. The blueprint originates from a glossy black glass table embedded with touch controls, glowing UI panels, and soft neon edges. Subtle reflections of the hologram appear on the table surface. Background is clean, futuristic, and slightly blurred.

STRUCTURAL DETAILS:
The central spire rises as glowing gridlines before solidifying into steel and glass  
Tiered setbacks of the tower assemble through hovering robotic drones  
Glass facade panels lock into place with precise alignment and reflections  
Laser beams scan and map each level during construction  
Small AI drones orbit around the structure, actively building and welding components  
Materials transition from holographic light into real textures — polished glass, steel beams, and concrete core  
Floating UI overlays show measurements, grids, and rotating architectural schematics

VISUAL MECHANIC:
The blueprint exists in layered form — base is a glowing grid, mid-layer is a semi-transparent wireframe, and top layer is fully realistic. Certain sections flicker between hologram and solid material, emphasizing the transformation.

LIGHTING:
Dark environment with strong neon blue and cyan holographic glow. Subtle rim lighting created by reflections from the hologram. Volumetric light beams and soft particles enhance depth.

CAMERA & LENS:
Shot on a full-frame camera, 35mm lens. Slight low-angle perspective to emphasize scale and height. Sharp focus on the hologram core with slight background blur.

COMPOSITION:
Vertical 2:3 format. The Burj Khalifa hologram is centered, rising upward. UI elements orbit symmetrically around it. Clean negative space enhances the futuristic aesthetic.

STYLE & MOOD:
Futuristic, cinematic, high-tech, and minimal. Feels like advanced AI-driven architecture and innovation. Clean, premium, and visually striking.

DETAILS:
Ultra-sharp holographic lines, glowing particles, realistic glass reflections, smooth transitions between digital and physical materials, micro UI details, 8K resolution, HDR, cinematic color grading with blue/cyan tones and deep contrast.

NEGATIVE PROMPT:
cluttered environment, low detail, dull lighting, messy UI, cartoon style, distorted structure, blurry hologram, watermark

Dessert (AR shopping UI)

POV shot inside a modern supermarket aisle, hands holding a small gourmet dessert with cream and berries, futuristic augmented reality (AR) interface overlay showing calories, sugar, fats, freshness score, expiry date, and recipe suggestions, soft depth of field, cinematic lighting, ultra-realistic, 4K, tech-inspired UI, clean glassmorphism design

⸻

2. Apple (AR nutrition UI)

First-person view in a grocery store holding a fresh red apple, augmented reality interface displaying calories, vitamin C, fiber, freshness bar, and recipe ideas, minimal futuristic UI panels floating around the object, bright supermarket lighting, shallow depth of field, hyper-realistic, modern tech aesthetic, 4K

⸻

3. Orange Soda Bottle (AR data UI)

POV shot of hands holding an orange soda bottle in a supermarket aisle, futuristic AR overlay showing calories, sugar content, caffeine level, freshness score, expiry date, and drink recipes, sleek holographic interface, glassmorphism UI, vibrant colors, cinematic lighting, ultra-detailed, photorealistic, 4K

I am creating a WordPress site. I would like you to create a horizontal header image. The site is called 'Comfortable Memo for Living'.