gallery.organic-pebble-row · Pebble row

A gallery pattern from Organic Earth, 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.organic-pebble-row". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Three images in three different shapes and heights across the grid: an arch on 1–4 (top), a circle on 5–8 (middle), a pebble on 9–12 (bottom), with a caption under the circle.
Slots
title, gallery1, gallery2, gallery3, caption
Grid areas
title 1-8 · arch 1-4 · circle 5-8 · caption 5-8 · pebble 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3EBDD · text #2E2A22 · heading #2A1F14 · accent #BC572B · accent2 #A56B00 · Fraunces / Karla · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Title (h2, step 5) on 1–8. Then three images with three shapes and three heights: an arch 3:4 on 1–4 aligned to the top, a circle on 5–8 vertically centred with an italic muted caption centred under it, and a rounded 4:5 on 9–12 aligned to the bottom. Never the same shape twice in one row.

Selected work

Corvid Robotics — identity