App / Web Design Prompts

{
  "edit_type": "precise_composite_overlay_dual_interaction_english_ui",

  "source": {
    "_hint": "Base Logic: Character sitting on Background. Background is fixed EXCEPT for the specific text on the button.",
    "mode": "IMAGE_COMPOSITION",
    "reference_images": {
      "foreground": "character_ref_image",
      "background_canvas": "profile_page_screenshot"
    },
    "consistency": {
      "character_fidelity": "high",
      "background_structure": "rigid_layout_preservation"
    }
  },

  "ui_text_enforcement": {
    "_hint": "CRITICAL: Ensure the button text reads 'Follow' in English, regardless of the text in the original screenshot.",
    "target_element": "action_button_top_right",
    "mandatory_text": "Follow",
    "language": "English",
    "font_style": "sans_serif_bold_legible",
    "correction_policy": "overwrite_original_text_if_not_follow"
  },

  "background_preservation": {
    "_hint": "Background is a rigid floor. Only allow changes to shadows and the button text.",
    "policy": "strict_pixel_retention_mostly",
    "allowed_modifications": [
      "realistic_contact_shadows_under_character",
      "replacement_of_button_text_to_Follow"
    ]
  },

  "camera_and_lighting": {
    "_hint": "Character sitting ON the interface.",
    "perspective": "high_angle_looking_down",
    "grounding_effect": {
      "technique": "contact_shadows_under_legs",
      "placement": "on_background_surface"
    }
  },

  "pose": {
    "_hint": "Dual pointing: Left Hand -> Name, Right Hand -> 'Follow' Button.",
    "pose_style": "sitting_cross-legged_or_kneeling",
    "head_position": "tilted_back_looking_at_camera",
    "hands_configuration": {
      "s

You are an expert-level UI/UX presentation designer. Generate high-fidelity, futuristic 16:9 presentation slides. Based on visual balance aesthetics, automatically choose the most perfect composition among a cover, grid layout, or data visualization.

For the global visual language, the style should seamlessly blend Apple Keynote minimalism, modern SaaS product design, and glassmorphism. The overall mood should feel premium, immersive, clean, and breathable. Use cinematic volumetric lighting, soft ray-traced reflections, and ambient occlusion. For the color scheme, choose either deep void black or pure ceramic white as the base, accented with flowing aurora gradients such as neon purple, electric blue, soft coral orange, and cyan for the background and UI highlights.

For the content modules on each slide, intelligently integrate the following elements:

1. Use a bento grid system as the layout engine, organizing content inside modular rounded-rectangle containers. The containers must be frosted glass with blur, featuring delicate white edges and soft shadows, and strictly preserve generous internal whitespace to avoid crowding.

2. Insert gift-like 3D objects, rendering unique, high-end abstract 3D artifacts as visual anchors. They should look like tangible, expensive gifts or collectibles, with materials such as polished metal, iridescent acrylic, transparent glass, or soft silicone, and shapes like floating capsules, spheres, shields, Möbius strips, or fluid waves.

3. For typography and data, use clean sans-serif fonts with high contrast. If there are charts, use glowing 3D donut charts, capsule-shaped progress bars, or floating numbers; the charts should look like glowing neon toys.

Composition logic reference: If generating a cover, place a huge, complex 3D glass object in the center with bold large text over it and aurora waves stretching in the background. If generating a content slide, use the bento grid layout with 3D icons on small cards and text on large cards. If generating a data slide, use a split-screen design: typography on the left, and a large, glowing 3D data visualization chart floating on the right.

Rendering quality requirements: Unreal Engine 5 rendering, 8K resolution, ultra-detailed textures, strong UI design sense, UX interface, Dribbble trending style, award-winning design quality.

Curated brand moodboard for a modern tech brand.
Balanced grid layout, tactile textures,
editorial photography references,
muted premium color palette,
typography-forward composition,
crafted like a senior brand designer’s internal deck.

"Subject Reference: A full-body portrait of \[INSERT SUBJECT NAME\]. Scene Description: A full-body, centered portrait of the subject \[INSERT POSE DESCRIPTION\]. The subject has \[INSERT EXPRESSION\], staring directly at the camera. The immediate background behind the subject is a \[INSERT BACKGROUND TYPE, e.g., seamless, pure high-key white studio backdrop\]. Crucially, the subject is lit with volumetric studio lighting that creates deep definitions, realistic shadows, and a strong 3D quality on her body and the folds of the outfit, distinguishing her sharply from the flat background without casting shadows on the floor. CRITICAL DETAIL (UI Layer): The entire photographic image is digitally layered beneath a simulated mobile phone browser interface overlay. Four distinct, clean, white, rectangular browser window elements are stacked vertically and angled slightly, segmenting the subject. Each window bar contains the sharp text '{argument name="browser text" default="[INSERT LINK OR TEXT HERE]"}'. The area outside the active white browser windows is a solid, uniform, dark charcoal gray/black matte UI frame, with absolutely no light bleed or color gradients. Style: Hybrid Composition: A highly realistic, three-dimensional studio photograph with deep color depth, overlaid with flat, clean digital graphics. Lighting Quality: Specific volumetric studio lighting focused ONLY on the subject. Soft, directional light from slightly off-center to sculpt the body and the rich texture of the fabric, creating depth. The background must remain completely flat. Color Palette: High contrast. \[INSERT OUTFIT COLOR\] outfit against \[INSERT BACKGROUND COLOR\] backdrop, framed by the dark matte gray UI. Texture and Mood: Realistic skin and rich fabric texture contrasting with the smooth digital elements of the UI. Intentional inclusion of subtle digital noise/grain to mimic a screen capture. Full body, centered portrait. Ensure the head and feet are fully within the frame before segmentation. Angle: Straight eye-level view, perpendicular to the subject. Framing Elements: Four overlapping, white browser windows/tabs. The pose is elegant and fluid. The bottom interface elements (e.g., 'Private', 'Done') must be clean and visible. Focal Length: Standard portrait lens (approx. 50mm equivalent) for realistic proportions. Camera Type: Simulated high-quality smartphone screen capture of a professional photo. Depth of Field: Shallow enough to focus sharply on the subject, allowi

Use the EXACT same camera position, lens and composition as the before image (doorway viewpoint, 24mm wide-angle, same window/door/ceiling lines). Transform the space into a beautifully renovated modern minimalist living room: clean smooth walls in warm off-white, new light oak wood flooring, recessed ceiling with soft cove lighting, elegant curtains, subtle decor, bright natural daylight, premium real-estate photography look, ultra clean, high-end details, 9:16, photorealistic.
Negative:
cartoon, CGI, fisheye, messy, mold, stains, debris, people, text, watermark, logo

Photorealistic shabby unfinished apartment interior (before renovation), camera at the doorway, 24mm wide-angle, looking toward the corner, bare concrete walls and ceiling, visible cracks, damp stains and mold, peeling ceiling patches, dusty floor with scattered debris (broken bricks, plaster pieces, tangled wires, plastic bags), old paint bucket and worn broom in corner, rusty exposed pipes/radiator, dirty window with one pane missing patched by taped plastic film slightly fluttering, cold natural daylight beam with visible floating dust particles, gritty real-estate inspection documentary photo, sharp focus, ultra-detailed, 9:16.
Negative:
cartoon, illustration, CGI, 3D render, extreme fisheye, over-HDR, oversaturated, too clean, already renovated, furniture, people, text, watermark, logo

A clean, minimal 3D isometric diorama of a {argument name="exhibition type" default="[EXHIBITION TYPE]"}, featuring {argument name="display objects" default="[DISPLAY OBJECTS]"} arranged within a {argument name="pod structure" default="[POD STRUCTURE]"}, subtle lighting accents, smooth floor surfaces, soft studio lighting, realistic materials, rounded edges, miniature architectural model style, high detail, neutral background.

Landing page design for a winter fashion collection, vertical scroll layout, full-bleed top image, feature cards below, stacked sections.

Editorial fashion portrait of a young Eurasian woman in her early 20s with a slim oval face and V-line jawline, standing in a snowy birch forest, long flowing wavy light brown hair with golden caramel highlights, delicate snowflakes in hair, large bright blue-green doe eyes with long natural lashes, luminous dewy porcelain skin with healthy glow, glass skin effect, soft rosy blush on cheeks, glossy pink lips with radiant smile showing perfect teeth, slim straight nose, delicate feminine features, ethereal doll-like beauty, wearing a cream cable knit oversized sweater, ivory knit scarf wrapped cozy around neck, matching beige knit gloves touching birch bark, wearing a long flowing pleated silk maxi skirt with a subtle floral pattern, elegant relaxed pose with gentle head tilt, soft dreamy expression, snowy birch forest background with beautiful bokeh, gentle snowfall, soft diffused winter lighting, shot on 85mm f1.4 lens, shallow depth of field, cool blue and warm cream tones, high-end fashion editorial style.

FEATURE CARDS:
- Card 1: "Timeless Elegance" - image of the woman in the forest, text describing the core values of the collection, CTA to "Explore the Collection"
- Card 2: "The Softest Cashmere" - close-up shot of the cashmere sweater, details on the material and craftsmanship, CTA to "Shop Sweaters"
- Card 3: "Winter Whites" - a selection of ivory and cream pieces from the collection, CTA to "Shop Whites"
- Card 4: "Designed for Comfort" - description of the relaxed fit and cozy designs, CTA to "Learn More"
A stylish handwritten signature "Willy" is elegantly placed in small letters at the bottom right corner.

Minimal flat illustration of {argument name="subject" default="[SUBJECT]"}, simple geometric shapes, limited color palette, clean vector style, generous negative space, modern editorial illustration, soft shadows, smooth curves, high aesthetic minimalism.

A clean, minimal 3D isometric diorama of a {argument name="exhibition type" default="[EXHIBITION TYPE]"}, featuring {argument name="display objects" default="[DISPLAY OBJECTS]"} arranged within a {argument name="pod structure" default="[POD STRUCTURE]"}, subtle lighting accents, smooth floor surfaces, soft studio lighting, realistic materials, rounded

{
  "title": "Celestial Desert Minimalist",
  "subject": "Smooth, flowing sand dunes under a massive glowing moon",
  "aspect_ratio": "9:19.5 (iPhone Full HD)",
  "aesthetic_style": "Surrealism / Dreamcore",
  "color_palette": {
    "primary": "{argument name="primary color" default="Deep terracotta orange"}",
    "secondary": "Midnight navy blue",
    "accent": "Soft gold"
  },
  "lighting": {
    "source": "Large crescent moon",
    "effect": "Soft rim lighting on the edges of the dunes"
  },
  "details": [
    "Ultra-sharp sand grain textures",
    "Clean, sweeping curves",
    "Minimalist stars in the upper third for clock clarity",
    "High depth of field"
  ],
  "quality": "8K UHD, Cinematic, Photorealistic"
}

A 3D isometric pastel home office scene where objects appear gently lifted, featuring a modern desk with a laptop slightly hovering, plants slowly floating upward, shelves detached from the wall, and a coffee cup resting in mid-air without spills. Smooth rounded surfaces, soft matte materials, {argument name="color palette" default="light mint, lavender, and warm beige"} palette, minimal and clean details, subtle depth, soft ambient lighting, gentle shadows that hint at weightlessness, peaceful futuristic mood, illustration-style render, modern UI-friendly composition.

Special Layout Template make by Willy.

Luxury brand about page, storytelling layout, 4:5 ratio.

PAGE TYPE: About page - brand story, visual narrative
LAYOUT: Large image sections alternating with text blocks, timeline arrangement.

SECTION 1:
- Image: A young Caucasian woman in her early 20s : almond-shaped eyes with long defined lashes, high cheekbones, and a subtle V-line jaw. She has  long flowing wavy light brown hair with soft black-coffee highlights cascading over her shoulders. Luminous dewy porcelain skin with a healthy glow and glass skin effect, soft rose blush on cheeks, glossy cherry lips with a subtle smile, slim straight nose, delicate feminine features.
- She wears a cream silk power suit with clean lines and wide-leg trousers, paired with a delicate layered silver necklace. A designer clutch rests on the marble cafe table beside a steaming cup of matcha latte.

SECTION 2:
- Text Block: "{argument name="Text Block 1" default="Our Journey: A fusion of heritage and innovation, crafted for the modern woman."}"
SECTION 3:
- Image: Close-up beauty shot showcasing the glass skin effect and delicate jewelry.
SECTION 4:
- Text Block: "{argument name="Text Block 2" default="Commitment to quality, sustainability, and empowering women through fashion."}"
SECTION 5:
- Image: Full-length shot, showcasing the power suit silhouette in motion.
SECTION 6:
- Text Block: "Designed in Paris, inspired by the world."

DYNAMIC ELEMENTS:
Subtle motion blur as she turns her head slightly with gentle head tilt, soft contemplative expression, steam rising from the matcha latte cup creating warmth and atmosphere.
CAMERA: Hasselblad X2D, 85mm f/1.4 lens, soft diffused golden hour lighting, shallow depth of field, beauty retouching with luminous skin detail.
STYLE: Parisian elegance, power dressing, luxury fashion, ethereal Eurasian beauty, golden hour, warm and cool color palette, high-end fashion editorial.

A stylish handwritten signature "Willy" is elegantly placed in small letters at the Bottom Right corner.

Style keywords: luxury brand, about us, fashion, parisian cafe, glass skin, editorial, commercial, well-lit, proper exposure, storytelling, timeline, 4:5 ratio
Negative prompt: blurry, low quality, pixelated, distorted, watermark, text overlay, logo, cropped, cut off, out of frame, oversaturated, undersaturated, extra limbs, missing fingers, deformed hands, unnatural pose, anatomical errors, plastic skin, uncanny valley, busy background, distracting elements, inconsistent lighting, harsh shadows, amateur composition.

A clean, minimalist 3D isometric model showcasing a [{argument name="location" default="car showroom"}], where [{argument name="display items" default="display items"}] are arranged within a [cabin structure], featuring subtle lighting accents, smooth floor surfaces, soft studio lighting, realistic materials, rounded edges, a miniature architectural style, high detail, and a neutral background.

Soft minimal illustration of {argument name="subject" default="[SUBJECT]"}, rounded shapes, gentle gradients, calming tones, modern UI illustration style, friendly, clean, and contemporary.

Create ONE final image.

A clean 3×3 [ratio] storyboard grid with nine equal [ratio] sized panels on [4:5] ratio.

Use the reference image as the base product reference. Keep the same product, packaging design, branding, materials, colors, proportions and overall identity across all nine panels exactly as the reference. The product must remain clearly recognizable in every frame. The label, logo and proportions must stay exactly the same.

This storyboard is a high-end designer mockup presentation for a branding portfolio. The focus is on form, composition, materiality and visual rhythm rather than realism or lifestyle narrative. The overall look should feel curated, editorial and design-driven.

FRAME 1:
Front-facing hero shot of the product in a clean studio setup. Neutral background, balanced composition, calm and confident presentation of the product.

FRAME 2:
Close-up shot with the focus centered on the middle of the product. Focusing on surface texture, materials and print details.

FRAME 3:
Shows the reference product placed in an environment that naturally fits the brand and product category. Studio setting inspired by the product design elements and colours.

FRAME 4:
Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained, the look matches the style of the package.

FRAME 5:
Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle, evenly spaced, clean, structured and graphic.

FRAME 6:
Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional, the product is floating naturally in space.

FRAME 7:
is an extreme close-up focusing on a specific detail of the label, edge, texture or material behavior.

FRAME 8:
The product in an unexpected yet aesthetically strong setting that feels bold, editorial and visually striking.
Unexpected but highly stylized setting. Studio-based, and designer-driven. Bold composition that elevates the brand.

FRAME 9:
Wide composition showing the product in use, placed within a refined designer setup. Clean props, controlled styling, cohesive with the rest of the series.

CAMERA & STYLE:
Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field, precise lighting, accurate materials and reflections. Lighting logic, color palette, mood and visual language must remain consistent across all nine panels as one cohesive series.

OUTPUT:
A clean 3×3 grid with no borders, no text, no captions and no watermarks.

High-impact product launch visual for a premium digital product.
Dark, elegant background,
single focal object, dramatic directional lighting,
controlled contrast, minimal composition,
cinematic but restrained,
crafted for announcement moments.

Scandinavian-style minimal illustration of {argument name="subject" default="a cozy living room"}, muted pastel palette, flat design, soft gradients, cozy yet modern aesthetic, clean shapes, lifestyle illustration feel.

Abstract background visual for a premium website section.
Soft gradients, subtle depth,
low visual noise, modern color harmony,
non-distracting composition,
scalable across layouts,
designed like a senior product designer asset.

LinkedIn banner for a '{argument name="job title" default="Creative Director"}.' Abstract 3D shapes (spheres, cubes) floating in a gradient space. Professional, modern, high-quality render.

Create an icon collection that represents the objects, symbols, and mood of the month of [Month].
They should be unified under a single theme.
The background is pure white.

Place the name of the month, "{argument name="month name" default="December"}", at the top center of the image as a minimal and balanced title. Position it symmetrically on a grid, visually integrating it with the overall design.

The icons should be rendered in a colorful yet subdued 3D style, using textures and atmospheric lighting appropriate for the season. They should reflect the essence of {argument name="month name" default="December"} in Japan.

Maintain consistent proportions, materials, and visual language across all icons and the title.

Create a "Weekly Schedule" template image for VTubers and streamers.
Horizontal 16:9, size 1920x1080, flat, neat, print-like design (vector style). The overall look should be cute pastel tones (gentle colors like pale pink, mint, lavender), prioritizing readability without clutter.

Layout specification:
・Place the schedule section top-aligned on the left 60% of the screen.
・7 rows (Days of the week: "Mon, Tue, Wed, Thu, Fri, Sat, Sun").
・Each row consists of a "Day label (small round badge)" + "Horizontal blank box for writing plans."
・The blank box must be completely empty. Absolutely do not include sample text (e.g., 'Plan here', 'SAMPLE', 'MEMO', etc.).
・The right 40% of the screen is empty space for later synthesis of a standing character image. Do not draw people, animals, mascots, or silhouettes. The background should only be a faint gradient and subtle abstract patterns of small stars/hearts/dots.

Text specification:
・The only text to include is "Weekly Schedule" and "Mon Tue Wed Thu Fri Sat Sun" (in Japanese).
・Do not include any other text (SNS, date range, warnings, logos, hashtags, watermarks).
・The font should be rounded Gothic style, easy to read, and legible even on a white background.

Finishing:
・Ensure ample margin around the perimeter, and elements on the left and right sides do not overlap.
・No logo.

"A minimal flat vector illustration of the subject in the attached image lying on its side, resting its head on the edge of a large rounded rectangle banner. The subject is drawn in simple line-art style with smooth curves, closed eyes, and a relaxed sleepy pose. The banner must be at the bottom leaving the 1/3 of the negative space, The banner is a soft pastel {argument name="banner color" default="lemon green"} rounded rectangle with subtle shadow. The background is pure white, clean and empty, leaving lots of negative space above. Modern UI illustration style, soft minimal design, playful and calm mood, crisp vector lines, high resolution. In 9:16 aspect ratio"

A clean, minimal 3D isometric diorama of a {argument name="city transport type" default="[CITY TRANSPORT TYPE]"} stop, featuring a {argument name="vehicle type" default="[VEHICLE]"} paused at a [PLATFORM TYPE], simple [SHELTER / CANOPY], subtle wayfinding signs, smooth concrete surfaces, soft studio lighting, realistic materials, rounded edges, miniature architectural model style, high detail, neutral background.