# Tech Tutorial Thumbnail with UI Mockup

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library Thumbnails (@library.thumbnails)](/@library.thumbnails.md)
- Label: AI-generated
- Use cases: YouTube thumbnail
- AI keywords: thumbnail, bright, minimal, graphic or type, typography
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69J5VYRVGKMQQNH28S1A7MA/w1200.webp
- Page: https://promptclay.com/prompts/tech-tutorial-thumbnail-with-ui-mockup-p6s84y

## Prompt

```text
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 {headline_text}, 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 {subheadline_text}. 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.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{headline_text}` | headline text | CLAUDE DESIGN |
| `{subheadline_text}` | subheadline text | IN 6 MINS |

## About

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.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.thumbnails on Promptclay, https://promptclay.com/prompts/tech-tutorial-thumbnail-with-ui-mockup-p6s84y
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [YouTube thumbnails](/youtube-thumbnails.md): Big faces, bold words, one idea per frame. (https://promptclay.com/youtube-thumbnails)
- [UI and app design](/ui-and-app-design.md): App screens, dashboards and landing pages. (https://promptclay.com/ui-and-app-design)
- [Mockup Prompts](/mockup-prompts.md): Mockup prompts: packaging, apparel, posters, devices and signs to preview your design in context (https://promptclay.com/mockup-prompts)
- [Thumbnail Prompts](/thumbnail-prompts.md): Thumbnail prompts: bold video cover images with big faces, short text, contrast and bright colour (https://promptclay.com/thumbnail-prompts)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Thumbnail prompts](/search.md?q=thumbnail) (https://promptclay.com/search?q=thumbnail)
- [Bright prompts](/search.md?q=bright) (https://promptclay.com/search?q=bright)
- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)
- [Youtube thumbnail prompts](/search.md?q=youtube+thumbnail) (https://promptclay.com/search?q=youtube+thumbnail)

## More like this

- [Japanese AI Tool Comparison Thumbnail](/prompts/japanese-ai-tool-comparison-thumbnail-vpqn3g.md): GPT Image 2, by @library.explainers
- [Nano Banana Pro Prompt for High-Visibility 3D Thumbnail Design](/prompts/nano-banana-pro-prompt-for-high-visibility-3d-thumbnail-design-gefd9q.md): Nano Banana Pro, by @library.posters
- [Correct Face in Existing Thumbnail](/prompts/correct-face-in-existing-thumbnail-emvram.md): GPT Image 2, by @library.thumbnails
- [Corporate Tech/Anime Eyecatch Image Prompt](/prompts/corporate-tech-anime-eyecatch-image-prompt-jepdgg.md): Nano Banana Pro, by @library.thumbnails
- [Two-step design refinement process: from flashy to sophisticated (Step 2)](/prompts/two-step-design-refinement-process-from-flashy-to-sophisticated-step-2-xnkr3d.md): Nano Banana Pro, by @library.art
- [MrBeast-style YouTube channel redesign](/prompts/mrbeast-style-youtube-channel-redesign-1xx0ab.md): Nano Banana Pro, by @library.art
- [E-commerce Livestream UI Mockup](/prompts/e-commerce-livestream-ui-mockup-ty0zax.md): GPT Image 2, by @library.brand
- [Dark AI Product Keynote Slide](/prompts/dark-ai-product-keynote-slide-gh008y.md): GPT Image 2, by @library.explainers
- [Claude Design Sync UI Mockup](/prompts/claude-design-sync-ui-mockup-7zg60w.md): GPT Image 2, by @library.brand
- [Floating Black Profile Card Concept](/prompts/floating-black-profile-card-concept-v0vd4q.md): GPT Image 2, by @library.avatars
- [Modern Minimalist PPT/Diagram Generation Prompt](/prompts/modern-minimalist-ppt-diagram-generation-prompt-v3076n.md): Nano Banana Pro, by @library.infographics
- [Portfolio image for a fictional web designer](/prompts/portfolio-image-for-a-fictional-web-designer-6xhmdw.md): Nano Banana Pro, by @library.ui.design

---
Canonical: https://promptclay.com/prompts/tech-tutorial-thumbnail-with-ui-mockup-p6s84y
Search: /search.md?q=your+words