Typography

Classic Subtitle

Loading…
Motif10s typicallandscape · portrait · square

Overview

Show a balanced two-line caption on a compact dark backing; replace it as a whole at each phrase boundary.

Build

  1. 01

    Break each phrase at a natural reading boundary.

  2. 02

    Keep the position and type size fixed across cues.

  3. 03

    Use exact cue cuts and leave intentional gaps empty.

Example source React / TSX

examples/caption-classic-subtitle.tsx · Uses the catalog’s shared composition helpers.

Loading source…