Pixelgrade Pattern Language

Emerging Section

Split Identity Hero

Open with a claim and a qualifying passage locked to one shared baseline.

A page must announce who it is and qualify that claim without turning the opening into a centered slogan followed by disconnected explanatory copy.

The pattern exists because easy answers pull in opposite directions.

  1. 01

    Display language wants generous scale and whitespace.

  2. 02

    Explanatory copy needs a narrow, calm measure.

  3. 03

    Two columns can look merely adjacent unless they share a visible event.

Preserve the relationship, not one frozen layout.

Place identity language and the qualifying passage on opposite sides of a wide field, then lock their endings to one baseline. Let the claim be the page's loud moment and keep the passage at reading scale.

Several forms, one underlying move.

  1. 01

    A small label and large page claim opposite one lead paragraph.

  2. 02

    A quieter mid-page thesis row using the same baseline grammar at a smaller scale.

A pattern includes the shape of its own misuse.

  • Top-aligned columns that never meet.
  • A display claim and lead paragraph with equal visual volume.
  • Removing the whitespace that allows the baseline relationship to register.

3 reviewed contexts

The baseline relationship survived review in three uses across an opening and statement rows. Language-length variation is not yet proven.

Last reviewed: