Animated typography spec storyboard

Summary

A motion-graphics spec page that storyboards how on-screen typography animates: white text fades in line by line, left to right, over dark footage. The defining element is the numbered seven-frame strip that walks through the full in-and-out animation.

Visual description

Light grey background. A "Typography" heading sits top-left above a narrow text column of running spec notes (animation behavior, then "Typeface: Inter Light, Color: White, Font size: 45px, Leading: Auto, Left aligned", and frame-by-frame notes including a 90 percent action-safe rule and a 1920x1080 format note). The right two-thirds holds seven numbered frames in a three-column grid. Frames 1 to 6 show the same dark blue, metallic close-up footage; across them a left-aligned white caption builds up in two lines. Frame 7 is a flat grey plate overlaid with thin green action-safe margin guides and faint placeholder text, showing the safe text zone. Each frame carries a small circled number in its top-left corner. A "2021" date sits bottom-left.

Key takeaway

The single-page storyboard strip: numbered frames laid in a grid to show an animation's start, build, and end states in one static view. Pairing the live frames with one explicit guide frame (the green action-safe overlay) documents both the look and the rules in the same glance.

Reuse notes

Strong template for a brand or motion guideline that needs to specify how text animates without a video. Reach for it when documenting lower-thirds, captions, or kinetic type. Works best with consistent footage across frames so the eye reads the text change, not the background. The action-safe guide frame is the part most worth replicating for production handoff.