Pixelgrade Pattern Language

Field Note Chapter

Glued Split Band

Make a media-and-text section behave like one edge-to-edge chapter.

A media-and-text section should read as a chapter with its own atmosphere, but ordinary outer spacing leaves it floating like a card on the page.

The pattern exists because easy answers pull in opposite directions.

  1. 01

    Full bleed gives the chapter authority.

  2. 02

    Copy still needs interior breathing room.

  3. 03

    Small unintended seams reveal the page background and break the illusion of one object.

Preserve the relationship, not one frozen layout.

Make the outer field continuous and decide explicitly which edges breathe inside it. Glue adjacent colored fields at their shared seam, allow media to reach an edge when it carries the chapter, and preserve dedicated air around the language.

Several forms, one underlying move.

  1. 01

    A single tonal chapter with flush media and inset copy.

  2. 02

    An alternating run whose images meet at the central seam.

  3. 03

    Two consecutive color fields treated as chapters of the same object.

A pattern includes the shape of its own misuse.

  • Default spacing leaves a thin strip of page color between fields.
  • Removing all padding makes body text touch media.
  • Gluing every section eliminates the page's larger pulse.

4 reviewed contexts

Four reviewed uses establish the seam mechanics. An original composition must still prove when glue improves the story rather than merely increasing drama.

Last reviewed: