A readable lower third is a system for preserving information hierarchy under pressure. It needs to survive long names, titles, unpredictable picture contrast, captions, bugs, tickers and quick editorial changes. If the graphic only looks good with a short placeholder name on a clean background, it has not yet passed a broadcast readability test.

Readability begins with hierarchy, not font size

Before choosing a typeface, define what the audience must read first. In a name strap, the person’s name may be primary and the role secondary. In a headline lower third, the headline is primary while category or source information sits below it. Equal visual weight forces the viewer to work out the hierarchy during a live programme.

Typical lower-third hierarchy
StatePrimarySecondaryOptional tertiary
Name / roleNameRole or organisationLocation/programme label
HeadlineHeadlineSupporting lineCategory
LocationLocationEvent/contextLive indicator
Quote/sourceQuote summarySpeakerSource

Design with extreme copy, not demo copy

A short fictional name gives you a false sense of safety. Build a copy test set that includes long names, long roles, organisations, punctuation, numerals and characters used by the languages your channel actually publishes. Then decide what happens when the content exceeds the preferred width.

Long-copy behaviours
BehaviourUse carefully because
WrapCan change the vertical footprint and collide with ticker/captions
Scale downCan silently destroy legibility
TruncateCan remove meaningful information
Alternate long-copy layoutRequires more states but preserves deliberate design

Safe area is a delivery constraint, not a nostalgia feature

Broadcast delivery specifications have long required important on-screen text to remain inside defined safe areas and legible after conversion. The exact requirement belongs to the broadcaster or platform specification, so the correct workflow is to use the target’s guides rather than a random percentage copied from another project.

Protect contrast against the programme picture

A lower third lives on unpredictable footage. Transparent design that looks elegant on a dark studio still can fail over a bright sky, white clothing or a high-detail crowd. Build contrast protection into the graphic rather than trusting the programme picture to cooperate.

  • Use a controlled opaque/translucent panel or local contrast layer when needed.
  • Test bright, dark, skin-tone-heavy and high-detail shots.
  • Avoid extremely thin type where compression or scaling can erase strokes.
  • Provide approved colour states if the primary brand colour cannot guarantee separation.

Typeface metrics matter more than a single numeric size

Two typefaces at the same nominal size can have very different x-heights, widths, stroke contrast and apparent density. Condensed faces can save space but may become harder to parse at small broadcast sizes; ultra-light weights may look refined in a design file but lose clarity after compression, scaling or viewing at distance.

Test the type system on the target display and at realistic viewing distance. A designer’s 4K monitor at arm’s length is not the only viewing condition.

Test the entire on-air stack

Lower thirds often share the screen with tickers, subtitles, bugs, clocks, scoreboards and breaking-news treatments. A design can pass every isolated comp review and still fail when those surfaces appear together.

Simultaneous-graphics tests
CombinationQuestion
Lower third + tickerIs the lower screen overloaded?
Lower third + captionsDo reading zones collide?
Lower third + bug/live markIs brand emphasis balanced?
Lower third + breaking treatmentDo urgent states compete?
Lower third + sports scorebugIs one side of the frame excessively dense?

Animation should reveal information, not delay it

The lower third exists to communicate information. Long intros, decorative overshoot and continuous primary movement can delay the moment when the text becomes stable enough to read. Design the animation so the text reaches a readable state quickly, then use subtle secondary motion if the brand language requires it.

Adobe’s Responsive Design - Time workflow is useful conceptually because protected intro/outro regions can retain their timing while the middle duration stretches. For reusable lower thirds, that is a strong model: keep the entrance and exit disciplined while allowing the reading window to fit the edit.

Operator freedom needs boundaries

A template becomes fragile when an editor can independently change font size, tracking, panel width, animation speed, logo scale and arbitrary colours. Expose the content and production decisions that genuinely need to change; keep the brand-critical geometry protected.

  • Editable text: yes.
  • Second-line on/off: a controlled state.
  • Approved colour themes: useful.
  • Long-name mode: useful if pre-designed.
  • Unlimited typography controls: usually unnecessary and risky.

A practical lower-third stress test before sign-off

  1. Load several real short and long names

    Test the actual editorial range, not placeholders.

  2. Swap bright and dark programme shots

    Verify contrast protection.

  3. Enable ticker and bug together

    Evaluate the complete screen hierarchy.

  4. Add subtitles/captions where relevant

    Check reading-zone collisions.

  5. Review target outputs

    Inspect HD/UHD/down-converted masters if the delivery chain uses them.

  6. Hand the template to another operator

    If the graphic cannot be used correctly with concise notes, the control model may still be too fragile.

Sources

  1. Adobe After Effects — Responsive Design - Time (2026)
  2. Adobe After Effects — Essential Properties (2026)
  3. BBC/DPP technical delivery guidance — on-screen text safe areas

Editorial scope: Global broadcast

If you notice a material error, you can report it through the contact route described in the corrections policy. Corrections policy