> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yarn.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Text

> Add titles, labels, and callouts with clear typography, timing, and hierarchy.

## Overview

Text overlays are the fastest way to improve comprehension in product videos.

Use text when viewers need a quick label, a key takeaway, or context before an action.

\[insert screenshot of the Overlays panel with a text element selected and typography controls visible]

## What you can do with text

* Add headings, subtitles, labels, and CTA callouts.
* Style text with font, size, weight, spacing, and alignment controls.
* Apply color, background, border, and shadow treatments.
* Animate text entry and control order relative to other overlays.
* Use partial formatting for emphasis inside a single text block.

## Before you start

* Decide the exact message each text block should communicate.
* Keep text short enough to read at normal playback speed.
* Place text where it does not block key UI actions.

## Steps

1. Insert a text overlay in the target scene.
2. Enter concise copy focused on one point.
3. Set typography for hierarchy:
   * larger, heavier style for primary message
   * smaller style for supporting context
4. Apply visual treatment (color/background) for contrast.
5. Position text near the relevant on-screen action.
6. Set animation timing so text appears when spoken or needed.
7. Preview at full speed and simplify if it feels crowded.

\[insert screenshot of one scene with primary heading, supporting label, and clean timing order]

## Check your result

* Text is readable without pausing playback.
* Visual hierarchy clearly shows what is most important.
* Timing supports the narration instead of competing with it.

## Troubleshooting

### Only part of my text changed style

You likely formatted a selection range. Click the element itself and reapply style at the element level for global changes.

### Text is hard to read on busy screens

Increase contrast with background treatment, simplify wording, and avoid placing text over active UI detail.

### Text appears too late

Move animation order earlier or reduce entry delay.

## Next

Combine text with visual evidence in [Images](/overlays/images).