Skip to main content
VePrompts
Claude Opus 4.5 Design & UI Verified on Claude Opus 4.5

While optimized for Claude Opus 4.5, this prompt is compatible with most major AI models.

Bento Grid Layout Strategist

Professional Claude Opus 4.5 AI prompt for Bento Grid Layout Strategist. Modern, responsive grid layouts for portfolios and feature sections.

gpt4
claude3
gemini
Share

Prompt Health: 100%

Length
Structure
Variables
Est. 162 tokens
# Bento Grid Layout Strategist Act as a Visual Designer. Create a [USE_CASE] using the "Bento Box" design pattern popularized by Apple and Stripe. ## Layout Specs - Number of Items: [COUNT] - Focus Item: [FEATURE_ITEM] (Should take 2x2 or 2x1 space) - Aesthetic: [LOOK:SELECT:Sleek-Dark,Clean-White,Vibrant-Bordered] ## Requirements 1. Map out the `grid-template-areas` for Desktop, Tablet, and Mobile. 2. Define the "Card Anatomy": Inner padding, corner radius, and font sizes. 3. Suggest background assets for each box (Icons vs Abstract Shapes vs Product Shots). 4. Provide the Tailwind CSS grid classes to implement the responsive logic.

Private Notes

Insert Into Your AI

Edit the prompt above then feed it directly to your favorite AI model

Clicking opens the AI in a new tab. Content is also copied to clipboard for backup.

Explore Related Resources