Rejouice — loading0

Editorial article

A reading-first page. Motion is limited to orientation and one media moment — everything else stays out of the way.

Sections, in page order

  1. 01

    Orientation on a long read.

  2. 02

    Section, date, and author as metadata.

  3. 03

    The headline, at a step below the studio-page scale.

  4. 04

    The page. Everything else is support.

  5. 05

    One or two per article, as paragraph breaks at page scale.

  6. 06

    Keeps pull quotes and asides placed rather than centred.

Build order

  1. 01

    Type scale, then measure, then grid. The article is finished at that point.

  2. 02

    Add the progress rule.

  3. 03

    Add at most one media moment. Resist the rest.

Acceptance checks

  • Body measure stays between 55 and 75 characters at every width.
  • No animation runs while the reader is stationary in the body text.
  • The article is complete and correctly ordered with CSS disabled.
  • Reading order matches DOM order with no grid-driven reordering.