UI Prompt Theme
Creative Portfolio Grid
A masonry-style project grid for a designer or developer portfolio with hover reveals.
portfoliogridcreative
All
Web
Brand
3D
Customize & Copy
The full prompt stays hidden — your choices below are built into a tailored prompt server-side and copied to your clipboard.
Primary Color
#ec4899
Advanced theme & layout options
Secondary Color
off
Accent Color
off
Theme Mode
Prompt Intent
Generate a fresh interface from this prompt.
Action Style
Ask the tool to edit the files itself.
Tool Mode
Paste this into a new v0 chat.
Every prompt includes
- Product context
- Layout direction
- Component requirements
- Responsive behavior
- Accessibility notes
- Tool-specific framing
What this prompt can generate
An image-forward portfolio where the work is the entire interface and chrome only appears on hover or focus.
Typical structure
Category filter pillsMasonry grid, mixed aspect ratiosHover overlay: title, tags, link
Key UI elements
- Filter pills with active state
- Cards showing cover image only at rest
- Overlay revealing title, tags, and “View project”
- Empty state when a filter matches nothing
Best for
- Designer and developer portfolios
- Studio work pages
Visual direction
- Near-black background so imagery carries the color
- Overlay content also appears on keyboard focus, not hover only
Works well in
- v0.dev
- GenVibe
This describes the intended direction, not a fixed result. Output may vary by tool and by run. The copied prompt stays in English.