gallery.dot-halftone-wall · Halftone wall

A gallery pattern from Dot Matrix, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6. Give the section root data-pattern="gallery.dot-halftone-wall". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Title row with a ghost pill right; six 4:3 halftone pictures in a three-column grid of rounded tiles, each with a mono index and caption under it.
Slots
sectionLabel, title, cta, gallery[6..6]
Tokens
bg #000000 · text #E6E6E6 · heading #FFFFFF · accent #D71921 · accent2 #FFFFFF · Doto / Space Grotesk · radius 24px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Signal label and title at step 5 left, an outlined pill right, on one row. Six halftone pictures as 4:3 rounded tiles, three per row (two on phones), each with a mono index in the link colour and a short caption on one baseline under it.

Gallery

Selected work

Start a project

01

Corvid Robotics — identity

02

Fieldstack — website

03

Tidewater Labs — naming

04

Arklow — trade show

05

Mosswood Bio — packaging

06

Kestrel Freight — fleet livery