gallery.scandinavian-soft-masonry · Soft masonry

A gallery pattern from Scandinavian Soft, 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.scandinavian-soft-masonry". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Six or nine rounded photographs in a three-column masonry, each with a quiet one-line caption. Title above, flush left with the first column (1–8).
Slots
title, items[6..9]
Grid areas
title 1-8 · gallery full (12-column grid, 1-based inclusive spans)
Notes
Mix portrait and landscape crops so the columns stagger; no hover zoom, no lightbox chrome.
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #69A382 · accent2 #5DA29C · Nunito / Nunito Sans · radius 16px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2, weight 400) in 1–8, flush with the first gallery column. Then six or nine rounded photographs in a three-column masonry with mixed portrait and landscape crops so the columns stagger, each with a one-line muted caption. Two columns at tablet, one at phone.

Selected work

Corvid Robotics — identity

Fieldstack — website

Tidewater Labs — naming

Arklow — trade show

Corvid Robotics — identity

Fieldstack — website