Video template copy length: make the box grow before the text shrinks
Quick answer
Video template copy length is the problem of designing a template when the words that will fill it are supplied later and vary in length. A component should grow its container to a maximum width first and only shrink the type after that, because shrinking type inside a fixed box looks broken at a glance.
Why does video template copy length break a design that looked fine?
A template gets designed against a sample. Somebody types a name, sets the type size, and the layout is approved. The sample is almost always a short, convenient string, because whoever built it wanted to see the design rather than stress it.
Then the template goes into production and meets real data. Longer names, longer titles, a translated string that runs well past the English. The layout has to do something, and what it usually does is shrink the type to fit the box it was given.
That produces the specific failure everyone recognises without being able to name it: small text floating in an obviously oversized container, with margins that no designer would have drawn.
What is the correct order of operations for overflowing copy?
Grow, then shrink, then truncate. Our design system team hit this on a speaker name component whose box was fixed, so long names shrank the type inside a container that never changed size. Its size control made things worse by scaling the text without resizing the box around it.
| Step | Behaviour | Stops when |
|---|---|---|
| 1. Grow | Container expands to fit the string at the designed type size | It reaches the maximum width the layout allows |
| 2. Shrink | Type size reduces inside the now maximum container | It reaches the minimum legible size for the format |
| 3. Wrap | String breaks to a second line if the component permits one | It reaches the maximum line count |
| 4. Truncate | String is cut with an explicit marker | Never silently, and never mid word |
Most templates implement step two and nothing else, which is why they fail on the first long string. Steps three and four need a decision from whoever owns the brand, because a truncated name is a judgement call rather than a layout outcome.
The same ordering applies to any component carrying supplied copy, which in practice means most of them.Lower third templatesare where it shows up first, because names and titles are the least predictable strings in any video.
How much longer does translated copy run in a video template?
Enough that a template sized to English will fail. This is the part teams discover late, because localisation usually arrives after the template is signed off and gets treated as a content task rather than a design one.
Rather than guess at an expansion figure, set the maximum width against the longest string you actually have and test the template with it before approval. If you are runningenterprise video localization, that means your German and Finnish strings belong in the design review, not in the delivery sprint.
Does the copy length rule change across aspect ratios?
The maximum width does, and it has to be expressed as a proportion of the frame rather than as a pixel value. A name that fits comfortably across a 16x9 frame has far less room in 9x16, so a fixed pixel maximum will pass one ratio and fail the other.
This is a specific case of the wider discipline aroundmasters and resizes. A resize is more than a crop of the picture. It is a different set of constraints on every component carrying text, and a component that only knows one maximum width cannot honour both.
Test with the longest string in the tightest ratio. That single combination catches almost everything the other combinations would have caught.
A worked example
Picture a customer story template with a speaker name and job title. The reference build uses a short name and the title Head of Brand, and it looks correct.
Production brings a long double barrelled surname and the title Senior Director, Global Brand and Creative Operations. Under the fixed box, both shrink until the title is barely readable and the name sits in a third of the space available. Under grow then shrink, the container expands to its maximum, the name holds its designed size, and only the title reduces, by a small amount, in a box that now looks intentional.
FAQ
What is video template copy length?
It is the design problem created when the text filling a video template is supplied later and varies in length, so the layout must handle strings far longer or shorter than the one it was designed against.
Should text shrink or should the box grow first?
The box should grow to its maximum width first, then the type shrinks to its minimum legible size, then the string wraps or truncates. Shrinking type inside a fixed container is the most visible failure of the four.
How do you stop a name from being cut off in a video template?
Set a maximum width as a proportion of the frame rather than in pixels, allow the container to grow to it, and define an explicit truncation rule with the brand owner instead of letting the renderer cut silently.
Why do templates break when a video is localised?
Translated strings frequently run longer than the original, and the template was sized against the original. Testing the longest available translation before sign off catches it while the layout can still change.