Portfolio
Designer portfolio with index grid
A portfolio that presents work as a typographic index list first and images second — makes four projects look like twelve.
The prompt
Build a portfolio site for a product designer with only four case studies. The design must make a small body of work feel substantial. Home page layout: a name and one-line description at the top left, and a current-status line in monospace at the top right. Below, the work is an index, not a card grid: a full-width table where each row is a project. Design tokens: background #FBFBF9, text #111113, hairline #E2E1DC, muted #767680, accent #1B34C4 for links only. Constraints: no hero image, no carousel, no testimonial section, no skill percentage bars, no 'my process' timeline. The index rows must be real links to case study pages.
Paste the whole block into your builder. Replace the bracketed names with your own — leave the constraints alone, they are what stops the generic output.
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Designer portfolio with index grid.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Designer portfolio with index grid".
STEP 02
Paste into AI Builder
Open Lovable, Codex, Cursor, Claude, Windsurf and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this
