An evolving design language

Pixelgrade Pattern Language

A living language for making coherent, original sites across scales. Use it to read a composition, compare recurring solutions, and assemble a working language for the next site.

Move from whole pages to decisive details.

The map keeps every public stage visible. Solid entries are canonical; the others show where the language is still learning, merging, or changing its mind.

One catalogue, one pattern in focus.

1 pattern in view

PL-410SectionCanonical

Media / Text Split

An image and an argument need to be understood together, but equal columns make them feel like neighboring fragments and an oversized image can silence the words.

Different expressions, the same pattern underneath.

A Caldera service chapter pairs a pottery workshop photograph with a concise promise on a dark field.
01Media-led chapter

Atmosphere carries the first impression; the copy makes the promise precise.

A quiet Caldera chapter places a concise clay story beside a warm workshop photograph.
02Text-led standalone split

A restrained text field leads, while the photograph supplies material proof.

Two consecutive Caldera chapters join dark copy fields to pottery workshop photographs across a shared seam.
03Glued narrative sequence

Consecutive splits meet without gutters, turning alternation into one continuous reading path.

Context

Use this for services, projects, biographies, or calls to action where visual evidence and explanatory copy form one thought.

Forces

  • Media carries atmosphere quickly; language carries precision slowly.
  • Text needs a readable measure and air, while the image needs enough territory to remain evidence.
  • Repetition creates rhythm, but repeated symmetry turns a story into a catalogue.

Give media and text unequal but complementary roles inside one shared field. Decide which one leads, shape the other around it, and align one decisive edge or baseline. When several splits follow one another, alternate direction only when it strengthens the reading path.

Known expressions

The resolution is a field, not a frozen form. Start from what the situation asks for.

  1. 01

    A media-led opening with a compact proposition beside it.

  2. 02

    A text-led service chapter whose image proves the claim.

  3. 03

    A glued zigzag in which consecutive images meet while the copy retains breathing room.

  4. 04

    A nested compound in which a smaller supporting moment lives inside the text side.

Watch for

  • Two equal columns with no declared hierarchy.
  • Decorative imagery that neither proves nor complicates the copy.
  • Copy touching the media edge because the layout has no dedicated inner breathing space.
  • Automatic left-right alternation that fights the narrative order.

Evidence

65 reviewed contexts

The problem has recurred across more than sixty independent sections. The resolution survived review in several visual languages and an original composition.

Last reviewed:

Compose it in a service context with translated, uneven copy.