Pixelgrade Pattern Language

Field Note Section

Parametric Wall

Arrange a collection around a focal hierarchy instead of a uniform catalogue grid.

A collection contains different degrees of importance, but a uniform grid turns it into a catalogue and a handmade collage becomes fragile across viewports.

The pattern exists because easy answers pull in opposite directions.

  1. 01

    Collections need enough order to scan.

  2. 02

    Unequal scale communicates judgment and sequence.

  3. 03

    Responsive rearrangement makes exact positions unreliable.

Preserve the relationship, not one frozen layout.

Build each wall around one focal item and a small supporting cluster. Use repeated spatial parameters rather than fixed coordinates, and split large collections into several walls so each one can maintain its own hierarchy.

Several forms, one underlying move.

  1. 01

    An image-led portfolio cluster with one feature and varied supporting scales.

  2. 02

    Several compact walls separated by editorial headings.

A pattern includes the shape of its own misuse.

  • Too many items produce one giant tile and a residue of slivers.
  • Mixing one irregular cluster with ordinary catalogue rows weakens both.
  • Captions and focal scale are assumed rather than measured at several widths.

4 reviewed contexts

Four reviewed applications support the small-cluster rule. The language has not yet created an original collection whose hierarchy survives multiple viewports.

Last reviewed: