Motion study

Editorial Title Sequence

Loading…
Composition12s typicallandscape · portrait · square

Overview

Build three four-second chapters: a serif proposition, a contrasting oversized invitation, and a warm concluding title. Retain identical margins across clean cuts so palette and typographic contrast provide the progression.

Build

  1. 01

    Opening / 0–4s: reveal an italic serif title through line masks on an ivory field, followed by a drawn rule.

  2. 02

    Middle / 4–8s: cut to dark green and oversized sans type; outline the second line to change emphasis without adding imagery.

  3. 03

    Closing / 8–12s: cut to terracotta and settle a two-line serif title through tracking and scale.

  4. 04

    Reserve at least two seconds in every chapter for reading; preview before and after both cuts.

Example source React / TSX

examples/editorial-title-sequence.tsx · Uses the catalog’s shared composition helpers.

Loading source…