gallery.midcentury-mixed-frames · Mixed frames

A gallery pattern from Mid-Century Modern, 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.midcentury-mixed-frames". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Three photos in three different frames: a large circle on 1–5, an arch on 6–8 beside a blob on 9–12, and a wide rounded rectangle on 6–12 below; caption under the circle.
Slots
gallery1, gallery2, gallery3, caption
Grid areas
circle 1-5 · arch 6-8 · blob 9-12 · wide 6-12 · caption 1-5 (12-column grid, 1-based inclusive spans)
Tokens
bg #F3E9D6 · text #2B231B · heading #2B231B · accent #C9552A · accent2 #0099BE · League Spartan / Jost · radius 20px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Three photos in three different frames: a large duotone circle on 1–5 across two rows, a 3:4 arch on 6–8 next to an orange blob on 9–12, and a 16:9 rounded rectangle on 6–12 below them. The caption sits under the circle on 1–5.

Corvid Robotics — identity