Text & IdentityCatalog: Titles

Titles & brand sequences

Also searched as: title card, animated titles, title sequence, brand lockup, headline slam

Canonical Definition

A title card is a full-frame graphic presentation of text and identity, used to establish narrative premises, demarcate chapters, or deliver memorable closing statements.

Duration

45 to 90 frames (1.5s to 3s dwell)

Easing Curve

cubic-bezier(0.16, 1, 0.3, 1)

A title card temporarily halts montage cutaways to demand undivided focus. Because there is no background footage or voiceover competition, it forces the viewer to process a singular brand claim or chapter premise.

In commercial video, titles define the tone of the entire piece within the first three seconds: a cinematic minimal lockup signals restraint, while an explosive headline slam signals high energy.

Calm Minimalist Title Sequences

Allowing whitespace and precise kerning to build authority

Premium product videos avoid hyperactive motion. A calm title card employs micro-tracking (slowly expanding letter-spacing over 60 frames) coupled with a smooth opacity ramp.

Catalog Implementation/Titlecard Calm
componenttitlesInspect in catalog
276 lines of React

How this works: A calm editorial title lockup featuring subtle tracking expansion and balanced secondary kicker hierarchy.

  • Subtle sub-pixel letter tracking
  • Muted background color contrast
  • Dwell time calculated for double read-through

Headline Slams & Action Beats

Landing high-impact title statements on musical hits

When a product reveal lands on a drum kick or beat drop, a headline slam brings words in with intense velocity, camera shake, and subtle chromatic aberration.

Catalog Implementation/Headline Slam
componenttitlesInspect in catalog
322 lines of React

How this works: Bold high-contrast headline slam timed for immediate visual punctuation.

  • Scale-in from 1.5x to 1.0x with overshoot
  • Integrated screen shake impulse
  • High impact on chapter opening beats

Engineering Guidelines & Common Pitfalls

Best Practices (What to do)

  • Rule of thumb for duration: allow enough screen time to read the copy aloud 1.5 times.
  • Ensure strong typographical hierarchy: title should be at least 2.5x the size of the category kicker.

Common Failure Modes (What to avoid)

  • Cutting away before the viewer can finish reading the title aloud.
  • Overloading title cards with paragraphs of secondary text instead of a punchy headline and single kicker.

Working catalog implementations

Typed Remotion components ready to drop into code.

Browse all titles
Generate with AI

Build titles & brand sequences in Animatiq

Prompt our motion agent in natural language. Get back typed Remotion React code with custom easing curves, brand palettes, and frame-accurate timing.

Launch in composer

Related motion principles