Recoloring video assets for a brand refresh: why flat fills work and gradients do not
Quick Answer
Recoloring video assets for a brand refresh means swapping a baked in colour at render time rather than rebuilding the asset. It works on solid shapes and flat fills. On gradients it fails, and the recoloured regions drop out to transparent, which means a refresh cannot be absorbed by recolouring alone.
Why does render time recoloring seem like the obvious answer?
Because the alternative is expensive and everyone can see it. A brand refresh lands, a library of motion assets carries the retired palette, and rebuilding each one is weeks of work that produces nothing new.
Swapping the colour at render sounds like the way around that. For a portion of the library it genuinely is, which is what makes the failure mode dangerous, because the first few assets you test will work.
Which video assets survive a recolour and which break?
The dividing line is whether the colour is a single value or a relationship between values.
| Asset type | Render time recolour | What you actually have to do |
|---|---|---|
| Solid shape or flat fill | Works | Nothing, swap the value |
| Flat icon or wordmark | Works | Nothing, swap the value |
| Gradient | Fails, region goes transparent | Rebuild the asset |
| Gradient behind live text | Fails silently on export | Rebuild, and re check the text contrast |
| Video or image fill | Not applicable | Re source the footage |
The fourth row is the one that reaches a customer. A transparent region behind live text still exports and still plays, so it passes a quick scrub and fails in front of an audience.
What does this mean for planning a brand refresh?
Audit by asset construction rather than by asset count. A library of two hundred items where thirty use gradients is a thirty item rebuild plus a bulk value swap, and that is a schedulable piece of work. The same library treated as one undifferentiated pile is a project nobody will start.
Do the audit before committing to a date, because the gradient count is the only number that predicts the effort. The wider problem, that motion assets sit outside the brand guidelines document and get rebuilt last, is covered inwhat a rebrand does to your video library.
How do you stop this recurring at the next refresh?
Build gradients as tokens rather than as baked artwork, so the refresh changes a definition instead of a file. That is the practical difference between a motion design system and a folder of finished assets, and it is the argument inwhat a motion design system actually is.
The handoff side matters too, because an asset delivered as a flattened export cannot be recoloured by anybody, no matter how it was built. Specify the editable source at handoff rather than after the refresh is announced:getting a usable brand asset handoff for video.
FAQ
Can you recolour video assets for a brand refresh automatically?Partly. Render time colour swaps work on solid shapes and flat fills. Gradients fail, and the recoloured regions become transparent rather than changing colour.
Why do gradients break when recoloured at render?Because a gradient is a relationship between colour stops rather than a single value, so substituting one value leaves the region undefined and it drops out.
How do you scope a video brand refresh?Audit by construction. Count how many assets use gradients, since that count predicts the rebuild effort far better than the total number of assets.
How do you avoid rebuilding again at the next refresh?Define gradients as tokens in a motion design system so a refresh changes a definition, and require editable sources at handoff rather than flattened exports.