gallery.memphis-confetti-frames · Confetti frames

A gallery pattern from Memphis, 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.memphis-confetti-frames". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Images in a 3-column masonry, each with a black outline and hard offset shadow and a tilted caption sticker; a star and a squiggle decorate the title row.
Slots
title, items[6..9]
Grid areas
title 1-6 · star 11-12 · frames 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2 at step 5) on 1–6 with a star (accent) on 11–12 and a squiggle under the title. Then six to nine 4:5 images in a 3-column masonry. Each image: 3 px black outline, 6 px hard black offset shadow, and a small caption sticker under it rotated −3°. At phone width the images run in a horizontal swipe row (about 1.25 visible) and the star hides.

Selected work

2026

2025

2024

2023

2026

2025

2024