gallery.seventies-porthole-cluster · Porthole cluster

A gallery pattern from Seventies Psychedelic, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="gallery.seventies-porthole-cluster". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A step-6 title tilted −3° on 1–7 with a lead caption bottom-aligned on 9–12; under it three portholes in a stepped row: a circle on 1–4 riding high, a tall arch on 5–8, a circle on 9–12 riding low.
Slots
title, gallery1, gallery2, gallery3, caption
Grid areas
first 1-4 · arch 5-8 · last 9-12 · caption 1-4 (12-column grid, 1-based inclusive spans)
Tokens
bg #F7E8C6 · text #3A1D0C · heading #4A1F08 · accent #D2561E · accent2 #BF8400 · Shrikhand / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A fat title at step 6, tilted −3°, on 1–7, with the caption as a lead bottom-aligned on 9–12. Under it three portholes in a stepped row: a circular duotone porthole riding high on 1–4, a tall 3:4 arch on 5–8, a second circle riding low on 9–12.

Selected work

Corvid Robotics — identity