Preview image. Unlock full-res
A minimal designer-portfolio web layout with a thin top nav and a three-column black-card project grid labeled '6 Projects', floated on a tiled grey backdrop of the same page repeating.
Summary
A designer's portfolio "Projects" page presented as a white card floating over a tiled grey backdrop that repeats the same screen. The defining detail is the Swiss-style header system: a thin top utility bar, an oversized "Projects" word paired with a huge "6" count, and three numbered black case-study cards in a row.
Visual description
The hero card is white with a slim top bar reading the name "Michael Ocean" at left, a "Designer Director" role mid-line, and a "Work News About Contact" nav plus a small dot at right. Below a hairline rule sits a large section title "Projects" with an oversized grey numeral "6" balancing it on the right. Three black cards span the width, each topped by a small numbered label ("01 / 02 / 03") with a project name and discipline tags ("Brand identity, Website", etc.); inside each black card a small light website thumbnail sits centered. The whole composition is mocked up over a darker grey field tiling the identical layout at reduced opacity, so fragments of "Projects", "6", and the cards repeat into the margins.
Key takeaway
Pair an oversized section label with an oversized count numeral ("Projects" + "6") as a single typographic header unit that announces quantity at a glance. The thin top utility bar with name, role, and nav on one line is a compact, editorial alternative to a chunky navbar.
Reuse notes
Reach for this for a designer, studio, or agency index page where the work itself is dark or photographic and benefits from being framed in black cards on white. The numbered "01 / 02 / 03" labels scale to any project count. Note this is a presentation mockup: the tiled grey background is staging, not part of the live UI.
