Text to Image

Tech Tutorial Thumbnail with UI Mockup — AI Image Prompt

A bold YouTube-style thumbnail featuring a tutorial headline, a design app dashboard mockup, and a presenter pointing at the interface for branding or design-system content. - AIPinMaker

GPT Image 2PosterText to Image
Tech Tutorial Thumbnail with UI Mockup
Text to Image

Prompt

A clean modern YouTube thumbnail on a bright white background, split visually between bold text on the left and a cropped presenter on the right. On the left, place a massive stacked headline in heavy black sans-serif uppercase reading {argument name="headline text" default="CLAUDE DESIGN"}, aligned top-left across two lines. Below it, add a large rounded rectangular orange banner with a subtle drop shadow containing bold white uppercase text with an orange outline that reads {argument name="subheadline text" default="IN 6 MINS"}. Near the headline, include 2 orange starburst spark shapes, one small beside the text and one much larger in the far right background. In the lower-left quadrant, show a floating app interface mockup for a design tool dashboard with a soft off-white panel, thin borders, rounded corners, and a faint shadow. The interface should have a left sidebar with 4 menu items labeled exactly: "Recent", "Your designs", "Examples", and "Design systems". The main panel header should say "Recent" and contain 3 project cards arranged in a grid, labeled exactly: "Thumio Design System", "Thumio Startup", and "Design System". On the right half, show a cropped photorealistic young adult man from chest up wearing a white turtleneck sweater, with messy light brown hair and light facial hair, positioned close to camera. His face is intentionally obscured by a solid tan rectangle placeholder covering most of the face area. He points with one hand toward the interface panel on the left, finger extended. Use a warm orange and white brand palette, high contrast, minimal clutter, polished creator-economy thumbnail styling, subtle shadows, and a composition designed for tech tutorial content.

Prompt breakdown

Subject
YouTube thumbnail with 'CLAUDE DESIGN' headline, 'IN 6 MINS' orange banner, floating design-tool UI mockup showing exact sidebar labels and three project cards, plus cropped presenter in white turtleneck pointing at the interface with face obscured by tan rectangle
Style
Clean modern polished creator-economy thumbnail using heavy black sans-serif uppercase, rounded orange elements with drop shadow, and photorealistic presenter details
Lighting
Bright white background delivering high contrast, subtle shadows on floating elements, and warm orange accents
Composition
Left-right split with stacked text and floating UI in lower-left quadrant, two orange starbursts near headline, presenter cropped chest-up on right
Mood
Minimal-clutter tech-tutorial energy with professional yet approachable high-contrast styling

Remix ideas

  • Change the three project card titles to match your own tutorial examples while keeping the grid layout and 'Recent' header
  • Alter the orange banner text or add a second line without changing its rounded shape and white uppercase style with orange outline
  • Shift the starburst sizes or move the larger one behind the presenter to test different focal emphasis

Reference images

Tech Tutorial Thumbnail with UI Mockup 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

Modern Webinar Promotional Banner
GPT Image 2

Modern Webinar Promotional Banner

{ "type": "webinar promotional banner", "style": "modern, bold typography, high contrast, diagonal split layout", "background": { "pattern": "faint grid of 40 sequential numbers from 01 to 40 spanning the entire canvas", "left_color": "vibrant magenta", "right_color": "black", "split_style": "sharp diagonal line from top center to bottom left" }, "left_section": { "top_label": "{argument name=\"top label\" default=\"noteメンバーシップ限定ウェビナー\"}", "title": "{argument name=\"main title\" default=\"Claude Code\"}", "highlight_box_1": { "text": "{argument name=\"highlight text 1\" default=\"知らないと\"}", "style": "black text on white skewed rectangular background" }, "highlight_box_2": { "text": "{argument name=\"highlight text 2\" default=\"損する\"}", "style": "black text on white skewed rectangular background" }, "bottom_text": "40のワザ" }, "right_section": { "top_right_label": "KAWAI LAB Vol.5", "subject": "portrait of a young Japanese woman, shoulder-length dark hair with bangs, wearing a black crew neck sweater, neutral expression, looking at camera", "middle_badge": { "text": "先着 100名 限定", "style": "white text with vertical line accent" }, "bottom_right_date": "{argument name=\"date and time\" default=\"4.24 Fri. 12:10 - 12:50\"}" } }

ad-bannerthumbnailflat-design
Text to Image
Energetic Pop Art Poster
GPT Image 2

Energetic Pop Art Poster

Create a social-media image of Energetic Pop Art Poster. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: poster. Reference: energetic-pop-art-poster-20527.

flat-designinstagramad-banner
Text to Image
MrBeast-style YouTube channel redesign
Nano Banana 2

MrBeast-style YouTube channel redesign

Create a youtube-thumbnail image of Mrbeast Style Youtube Channel Redesign. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: poster. Reference: mrbeast-style-youtube-channel-redesign-38.

thumbnailphotorealisticad-banner
Text to Image
Thumbnail text overlay based on attachment
Nano Banana 2

Thumbnail text overlay based on attachment

Create a youtube-thumbnail image of Thumbnail Text Overlay Based On Attachment. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: poster. Reference: thumbnail-text-overlay-based-on-attachment-435.

thumbnailflat-designsharp-focus
Text to Image
Quirky Independent Short Film Festival Poster
Seedream 4.5

Quirky Independent Short Film Festival Poster

A quirky and independent-style poster for a short film festival. The design is a collage of hand-drawn doodles, film strips, and vintage photographs. The typography is a mix of different typewriter and handwritten fonts, giving it a DIY, zine-like feel. The color palette is limited and has a retro vibe. The poster should look creative, unconventional, and appeal to an arthouse audience. –ar 2:3

line-artflat-designad-banner
Text to Image
YouTube Dark Mode Desktop UI Mockup
GPT Image 2

YouTube Dark Mode Desktop UI Mockup

{ "type": "desktop web browser UI screenshot", "environment": "{argument name=\"os environment\" default=\"Windows 11 desktop\"}", "theme": "{argument name=\"ui theme\" default=\"dark mode\"}", "browser_window": { "tabs": ["YouTube", "New Tab"], "url_bar": "youtube.com", "profile_icon": "{argument name=\"profile initial\" default=\"M\"}" }, "app_interface": { "header": { "logo": "{argument name=\"website name\" default=\"YouTube\"} GB", "search_bar": "Search", "icons": ["mic", "create", "notifications", "profile"] }, "filter_bar": { "active_filter": "{argument name=\"active filter\" default=\"All\"}", "count": 11, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"] }, "sidebar": { "sections": [ { "title": "Main", "count": 3, "labels": ["Home", "Shorts", "Subscriptions"] }, { "title": "You", "count": 6, "labels": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] }, { "title": "Subscriptions", "count": 8, "labels": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a Nutshell", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] }, { "title": "Explore", "count": 7, "labels": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] }, { "title": "More from YouTube", "count": 3, "labels": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "main_content": { "layout": "3 columns by 4 rows grid", "count": 12, "video_cards": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "stats": "164K views • 1 day ago", "thumbnail": "CPU/GPU chip" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "stats": "40M views • 5 days ago", "thumbnail": "MrBeast with crowd in blue tracksuits" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "stats": "4.2M views • 6 hours ago", "thumbnail": "Missile hitting asteroid in space" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "stats": "1.6M views • 2 weeks ago", "thumbnail": "Man and Dubai skyline" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "stats": "2.8M views • 3 months ago", "thumbnail": "Math equation and spiral graph" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "stats": "7.7M views • 2 weeks ago", "thumbnail": "Lush green forest aerial view" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "stats": "160K views • 3 days ago", "thumbnail": "Laptop and smartphone with Linux logo" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "stats": "3.9M views • 3 months ago", "thumbnail": "Glowing black hole accretion disk" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "stats": "4.4M views • 6 days ago", "thumbnail": "Man with glasses speaking" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "stats": "2.7M views • 3 months ago", "thumbnail": "Vector illustration of man reading a book" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "stats": "2.3M views • 3 years ago", "thumbnail": "Ellie from The Last of Us" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "stats": "LIVE", "thumbnail": "Lofi girl studying at desk" } ] } }, "taskbar": { "os": "Windows", "icons": ["Start", "Search", "Task View", "File Explorer", "Edge", "Spotify"], "system_tray": "08:34 03/04/2024" } }3a:Tf5c,{ "type": "d

thumbnailflat-designsharp-focus
Text to Image

Explore more prompts

Browse more AI image and video prompts by category.

FAQ

Why cover the presenter's face with a solid tan rectangle?
The mask keeps attention on the UI mockup and headline rather than personal identity, allowing the thumbnail to work for multiple creators or anonymous-style tutorials.
Can the sidebar menu items be customized?
The prompt locks them to exactly 'Recent', 'Your designs', 'Examples', and 'Design systems', so any remix must preserve these four labels for fidelity to the original mockup.