---
id: "2113139541926457633"
source: https://x.com/wallofportfolio/status/2113139541926457633
author: "Wall of Portfolios (@wallofportfolio)"
media: "video, 2940x1664, 20.5s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Quiet Minimal Product Portfolio

## Summary
A restrained, text-first portfolio on warm off-white: one light intro paragraph with tiny inline icons, then wide grey stages that frame real product work (a voice transcription screen, a hospital data table, a fitness app), each with a one-line outcome below. Proof that a portfolio can feel premium with almost no decoration.

## Style
- Theme: light
- Mood: quiet, considered, professional, airy
- Tags: portfolio, minimal, case-studies, inline-icons, product-shots, enterprise, whitespace
- Category: Landing page

## Palette
| Role | Hex |
|---|---|
| Page | #F5F5F4 |
| Stage | #EAEBEB |
| Card | #FFFFFF |
| Line | #D7D7D7 |
| Taupe | #B8B4AD |
| Text | #6A6663 |
| Violet accent | #7B4FC9 |
| Action green | #2E7D4F |

## Typography
- Intro: light geometric sans, about 2.2% of the frame width, grey with darker key phrases, inline emoji-style icons. DM Sans (300).
- Captions under each project: regular dark sans plus a lighter grey note. DM Sans (400).
- Top links (LinkedIn, E-mail, Resume): small grey sans.
- Section label ("SELECTED WORK"): tiny uppercase, wide tracking.

## Layout
- 16:9 browser frame (2940x1664) inside a portfolio directory (profile column on the left).
- Single column, about 80% of the main width, generous top margin.
- Header: name left, three text links right.
- Intro paragraph (three lines), then full-width grey stages (16:9) with the work centred inside, each followed by a caption.
- Footer: copyright left, outline pill links right.

## Elements
- Stages: flat light grey panels, 8px radius, product screens floating inside with soft shadows.
- Product details: a violet star avatar with a waveform, a chat-style transcript card, a dense data table with status icons and a green "Actions" button.
- Photo collage near the end: sketches, sticky notes, a workshop photo in a three-up grid.
- Footer pills: `rounded-full border` with small icons.

## Motion
- Smooth long scroll; stages fade in and rise slightly as they enter (400ms).
- Product mockups inside stages animate subtly (a waveform pulsing, a row highlight) while visible.

## Rebuild it
1. Set the page on `#F5F5F4` with a single `max-w-5xl` column and lots of vertical space (`space-y-24`).
2. Write the intro in a light sans (`text-3xl font-light text-neutral-500`) and wrap key phrases in `text-neutral-900`, with small inline SVG icons.
3. Make each project a `rounded-lg bg-neutral-200/60 aspect-video` stage with the screenshot centred and a short caption underneath.
4. Animate entries with Motion `whileInView={{ opacity: 1, y: 0 }}` from `y: 16`.
5. Use placeholder company names and anonymised data in the screenshots.

## Generation prompt
A quiet minimal product designer portfolio on warm off-white: a light grey intro paragraph with tiny inline icons, wide flat grey panels framing product screens (a violet voice-transcription screen with a chat transcript, a dense enterprise data table with a green action button, a fitness app), short captions, a small photo collage of workshop sketches and sticky notes, outline pill links in the footer; airy, refined, lots of whitespace, no real names.