`gallery.brutalist-contact-sheet` · Contact sheet

A gallery pattern from Brutalist, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 4. Give the section root data-pattern="gallery.brutalist-contact-sheet". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: Photos as a contact sheet: six square grayscale frames per row with zero gap, each bordered with its file name in mono underneath.
Slots: sectionLabel, items[6..18]
Grid areas: sheet full (12-column grid, 1-based inclusive spans)
Tokens: bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #012FD3 · accent2 #4980FE · Space Mono / Space Mono · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

A mono label line, then six to eighteen photos in a 6-column grid, zero gap, each in a 2 px bordered cell: a square grayscale image and its file name (mono small) underneath, like a darkroom contact sheet. No hover zoom, no lightbox chrome. At phone width the sheet becomes one horizontally scrolling strip of the same bordered cells (about 1.25 cells visible), like a strip of negatives.

Gallery

2026

2025

2024

2023

2026

2025