gallery.neobrutal-pinned-frames · Pinned frames

A gallery pattern from Neo-Brutalism, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="gallery.neobrutal-pinned-frames". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Three framed images of different shapes pinned to the grid with offset shadows: a 4:5 on 1–5 over two rows, a 16:9 on 6–12, a square on 9–12, and a tilted caption sticker on 6–8.
Slots
title, sectionLabel, gallery1, gallery2, gallery3, caption
Grid areas
title 1-7 · label 10-12 · tall 1-5 · wide 6-12 · sticker 6-8 · square 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FFF4DE · text #111111 · heading #000000 · accent #FF5FA2 · accent2 #00BCA1 · Archivo Black / Space Grotesk · radius 8px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2) on 1–7 and a mono label on 10–12. A 4:5 image on 1–5 spans two rows; a 16:9 image fills 6–12 on the first row; a square image sits on 9–12 in the second row with a tilted accent caption sticker on 6–8 beside it. Every image is framed (3 px border, radius, offset shadow). Phone: images stack in order, the sticker stays under the wide image.

Selected work

Gallery

Corvid Robotics — identity