Portfolio website grid layout with project thumbnails

Portfolio website grid layout with project thumbnails, dark-mode, minimal, dark

Preview image. Unlock full-res

Two variations of a dark portfolio gallery layout showing scattered black and white photographic thumbnails arranged in a grid with large centered wordmark.

Palette
#1C1C1C
#9D9D9D
#474747
#F1F2F2
#707070

Summary

Two variations of a dark portfolio gallery layout showing scattered black and white photographic thumbnails arranged in a grid with large centered wordmark.

Visual description

Two mockups stacked vertically. Each shows a dark (near-black) background with scattered small rectangular black-and-white photographs positioned asymmetrically. A large white geometric wordmark 'INDEX' is centered on each. Navigation labels in white sans-serif (INDEX, ABOUT US, WORK WITH US, OUR WORK). The layout feels editorial and curated, reminiscent of print design translated to digital.

Key takeaway

Asymmetric gallery grid creates visual interest and personality without feeling chaotic; large centered typography gives authority while scattered thumbnails suggest curated content.

Reuse notes

Ideal for creative portfolios, architectural practices, photography studios, or design agencies. The dark background and monochrome photography make it suitable for creative industries. The asymmetric layout conveys artistic sensibility.

More like this