Preview image. Unlock full-res
Dark editorial portfolio layout built from stacked rectangular tiles on black, mixing oversized cropped numerals, project labels, and saturated pink, red, yellow and green collage imagery.
Summary
A portfolio or agency site shown as a dense grid of black, white, and image tiles, where each rectangle is a separate project card and a hot-pink wavy photo and bright collage break up the dark field.
Visual description
The layout reads as a modular grid of rectangular tiles, mostly black with thin gutters. Tiles carry mixed content: an oversized cropped "25%" numeral top-left, a black tile of small serif body copy about disassemblable, sustainable design, a "Momentum" tile with a close X, a "Design for Speed / Exp." card mixing sans and italic serif, and a "Uninspired x Antonello Fazio" card showing the same line set at three escalating type sizes. Color erupts from a few tiles: a red block with black type at far left, a yellow-and-green sticker collage with a white pointing-hand cursor, and a hot-pink photographic tile with white wave forms bottom-left. The white arrow/hand cursor sits over the collage, signaling an interactive web grid rather than print.
Key takeaway
Treating each project as a self-contained tile in a black modular grid, then letting only two or three tiles carry saturated color so the eye bounces between them across the dark field. The repeated-line type test (same words at three sizes) inside one card is a clever way to show a wordmark's behavior. The visible hand cursor confirms hover-driven interactivity.
Reuse notes
A strong pattern for a creative agency or designer portfolio index, a "selected work" wall, or a case-study overview where many projects must coexist on one screen. The black ground lets vivid project thumbnails pop without clashing. Pairs well with hover states that expand or reveal a tile. Caveat: this much variety needs disciplined gutters and a fixed grid or it collapses into noise.
