# Vertical Portfolio Mockup Strip

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QK48CYDYEACC2JJVKR9WR/w1200.webp
- Page: https://promptclay.com/prompts/vertical-portfolio-mockup-strip-g1rwzh

## Prompt

```text
Goal: Create a tall, narrow black portfolio case-study preview strip showing three vertically stacked AI-generated mockup thumbnails, each with a small white label above it.

Canvas: Very tall vertical canvas, approximately 207 × 975 px, with a solid near-black background and generous black margins. Minimal editorial/portfolio styling, like a website column of project thumbnails.

Layout: Stack exactly 3 project entries from top to bottom, aligned slightly left of center with consistent left margin. Each entry has one small white text label above a rectangular image thumbnail. Use large vertical gaps between entries. The thumbnail widths are similar, but their heights vary slightly; all images are portrait-oriented.

Project entries: 1) Label: “{first_project_label}”. Thumbnail: a moody product-style photo of a small beige cardboard cube or box sitting on dark asphalt in strong sunlight, casting a long hard shadow. A wooden structure or pallet edge appears along the upper left side. The box top has delicate printed line-art graphics and small text, viewed from above at an angle. 2) Label: “{second_project_label}”. Thumbnail: a clean studio render of a translucent electric-blue human figure/mannequin wearing an oversized T-shirt and pants, standing against a light gray background. The figure holds a white shopping bag in the left hand. The shirt has vertical white branding text reading “mrNick” along the right side. 3) Label: “{third_project_label}”. Thumbnail: a bright candy-colored product poster dominated by hot pink. A glossy pink-red donut-shaped glaze ring sits on a pink product box, covered with colorful sprinkles. More sprinkles scatter across the surface. Large bold white Cyrillic-style lettering appears near the bottom of the box/poster.

Typography: Labels are small, plain sans-serif, white or light gray, left-aligned above each thumbnail. Preserve the exact visible labels. No additional captions, navigation, icons, borders, or interface elements.

Visual style: High-contrast black gallery background, polished website mockup feel, sharp realistic thumbnails, clean spacing, premium design case-study presentation.

Constraints: Include exactly 3 labeled thumbnails; do not add extra projects, buttons, browser chrome, watermark, or decorative elements.
```

## Variables

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

| Variable | Label | Example |
|---|---|---|
| `{first_project_label}` | first project label | 1inch-01 |
| `{second_project_label}` | second project label | mrNick-01 |
| `{third_project_label}` | third project label | GLAZURE_GLASS-01 |

## About

Generates a tall black website-style portfolio preview with three labeled case-study thumbnails for showcasing design mockups.

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

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/vertical-portfolio-mockup-strip-g1rwzh
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

- [Mockup Prompts](/mockup-prompts.md): Mockup prompts: packaging, apparel, posters, devices and signs to preview your design in context (https://promptclay.com/mockup-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)

## More like this

- [Portfolio image for a fictional web designer](/prompts/portfolio-image-for-a-fictional-web-designer-6xhmdw.md): Nano Banana Pro, by @library.ui.design
- [AI Gallery Portrait UI Screenshot](/prompts/ai-gallery-portrait-ui-screenshot-821xvz.md): GPT Image 2, by @library.explainers
- [Luxury E-Commerce Landing Page Mockup](/prompts/luxury-e-commerce-landing-page-mockup-zss5y1.md): GPT Image 2, by @library.shop
- [Simple Monitor Shot Prompt](/prompts/simple-monitor-shot-prompt-btxqg7.md): Nano Banana Pro, by @library.product
- [Luxury Skincare Product Page Mockup](/prompts/luxury-skincare-product-page-mockup-6cqp1w.md): GPT Image 2, by @library.shop
- [Five High-Efficiency Nano Banana Pro Prompts for Business Graphics](/prompts/five-high-efficiency-nano-banana-pro-prompts-for-business-graphics-36nh6e.md): Nano Banana Pro, by @library.infographics
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Detailed Storyboard Prompt for Brand Visuals](/prompts/detailed-storyboard-prompt-for-brand-visuals-f4vd47.md): Nano Banana Pro, by @library.comics
- [Logo Variation Grid](/prompts/logo-variation-grid-5kt07z.md): GPT Image 2, by @library.brand
- [Multi-Slide Document Generation with Nano Banana and NotebookLM](/prompts/multi-slide-document-generation-with-nano-banana-and-notebooklm-hpgvjx.md): Nano Banana Pro, by @library.art
- [Halftone Floral Landing Page Hero](/prompts/halftone-floral-landing-page-hero-7rxftz.md): GPT Image 2, by @library.ui.design

---
Canonical: https://promptclay.com/prompts/vertical-portfolio-mockup-strip-g1rwzh
Search: /search.md?q=your+words