A logo animation is the shortest piece of video most brands will ever commission, and also one of the most repeated. It plays at the start of every YouTube video, at the end of every ad, on the splash screen of an app, on the screen behind a speaker at a conference. That repetition is why it deserves more thought than its length suggests. A good one feels like the brand moving the way it would move if it were alive. A weak one feels like a stock template with a logo dropped in.
This guide covers the main types of logo animation, what length and format each channel needs, what to hand over to a studio, how to write a brief that gets you a useful first draft, and what the work typically costs.
What a logo animation actually does
Before choosing a style, it helps to be clear about the job. A logo animation usually has one or more of these purposes:
- Signing off content. An outro tells the viewer who made what they just watched.
- Setting tone at the start. An intro tells the viewer what kind of experience follows: playful, technical, premium, calm.
- Filling a wait. App splash screens and loading states use a looped or short animation to make a delay feel intentional.
- Building recognition. Repeating the same motion and sound across touchpoints makes the brand easier to recall, the same way a jingle does for radio.
The purpose decides the length, the energy and whether sound is part of it. An intro for a calm wellness channel and a loading loop for a fintech app are both "logo animations", but they share almost nothing in their brief.
Types of logo animation
Reveal
The most common type. The logo builds, assembles or appears on screen and settles into its final static form. Reveals can be simple (a mask wipe, a fade with scale, a line that draws the outline) or elaborate (particles forming the mark, a character interacting with the letters, a camera move through a 3D version of the symbol).
A reveal works best when the motion comes from the logo itself. If the mark has a circle, the circle can roll in. If the wordmark has a distinctive letter, that letter can lead. Generic effects like glitch, light flares or shattering glass are cheap to produce but say nothing about the brand.
Sting
A sting is a short, punchy version, often under 3 seconds, used between segments, at the end of ads or as a transition in a longer video. It usually pairs with a sound hit. Stings need to read instantly, so they rarely include more than one clear move.
Loop
A loop starts and ends on the same frame so it can repeat without a visible cut. Loops are used for app loading screens, website hero areas, livestream overlays, event screens and email signatures. The design challenge is keeping the logo readable at every point in the cycle, because the viewer may look at any moment.
Logo with sonic pairing
A sonic logo is a short sound signature, a few notes or a designed sound effect, that always accompanies the visual mark. The animation is timed to the audio: the main hit of the sound lands exactly when the logo locks into place. If you already have a sonic logo, send it with the brief so the motion can be built around it. If you don't, it can be composed alongside the animation, but treat it as a separate deliverable with its own licensing terms.
Character or story based
Some brands, especially in kids' content, games and consumer apps, use a mascot or a tiny story to introduce the logo. These are closer to a short piece of character animation and cost accordingly. If this is the direction, look at the 2D animation service rather than a template logo package.
Length and format by channel
The same logo usually needs several versions. Planning them up front is cheaper than asking for new cuts later.
| Channel | Typical length | Aspect ratio | Format | Notes |
|---|---|---|---|---|
| Video intro (YouTube, corporate film) | 3 to 5 sec | 16:9 | MP4 (H.264), ProRes for editing | Keep it short, viewers skip long intros |
| Video outro or end card | 4 to 7 sec | 16:9 | MP4, ProRes with alpha | Leave room for URL or call to action |
| Social intro or sting | 1.5 to 3 sec | 9:16, 1:1, 4:5 | MP4 | Must read without sound |
| Ads (pre-roll, social ads) | 1 to 3 sec | Per platform | MP4 | Often a shortened sting at the end |
| App splash screen | 1 to 2 sec | Device dependent | Lottie (JSON) or native animation | Must not delay the app start |
| Website hero or loader | 2 to 4 sec loop | Flexible | Lottie, animated SVG, WebM | Check file size, aim for small |
| Event and stage screens | 5 to 10 sec or loop | Often custom (LED walls) | High bitrate MP4 or ProRes | Ask the venue for exact resolution |
| Email signature | 2 to 3 sec loop | Small | GIF | Many email clients block video |
A note on Lottie
Lottie is a format that exports vector animation from After Effects as a JSON file, which then plays natively in web pages and mobile apps. It stays sharp at any size and is usually far lighter than a video file. The catch is that not every effect survives the export: heavy blurs, some gradients, 3D layers and certain expressions either break or get dropped. If you need a Lottie version, say so at the brief stage. The animator will then design within Lottie's limits from the start instead of rebuilding later.
What files to provide
The fastest projects start with a complete asset pack. Send:
- The vector logo master. AI, EPS, SVG or PDF with vector data intact. A PNG or JPG is not enough, because the animator needs to separate and move individual parts.
- Layered or separated elements. If your designer can split the symbol, the wordmark and the tagline onto separate layers, that saves setup time.
- Brand guidelines. Exact colour values (HEX, RGB, and Pantone if relevant), clear space rules, minimum sizes and any rules about how the logo may or may not be altered.
- Typefaces. The font files for the wordmark and any supporting text, or at least their exact names and licences.
- Existing motion or sound. Previous animations, video templates, a sonic logo or music you already license.
- References. Two to five logo animations you like and, just as useful, one or two you dislike, with a sentence on why.
How to brief a logo animation
A logo animation brief can be one page. It should answer:
- Where will it play? List every channel from the table above that applies. This decides how many versions you need.
- What should it feel like? Pick three or four adjectives and, if possible, one that it should not feel like. "Precise, calm, confident, not corporate" gives an animator much more to work with than "modern".
- Is sound part of it? Silent, music bed, sound effects or a full sonic logo.
- What must not change? Some brands allow the logo to be deformed or rebuilt in motion. Others require it to stay intact at all times.
- Deadline and launch date. Including any fixed date such as a product launch or event.
- Budget range. Even a rough range lets the studio propose the right level of craft instead of guessing.
For a longer guide to writing briefs for any video, see what a video brief should contain. A moodboard also helps a lot here, because motion is hard to describe in words.
Typical cost and timeline ranges
Prices vary widely between freelancers, studios and agencies, and between markets. The ranges below are typical for a professional studio and are meant for orientation, not as a quote.
| Level | What it usually includes | Typical cost range | Typical timeline |
|---|---|---|---|
| Simple 2D reveal | One concept, clean shape and mask animation, one or two formats, stock or no sound | $300 to $1,000 | 3 to 7 working days |
| Custom 2D motion | Two or three concepts, custom motion built around the mark, sound design, versions for several channels | $1,000 to $3,500 | 1 to 3 weeks |
| Advanced or 3D | Frame by frame or 3D work, original sonic logo, full package including Lottie and loops | $3,500 to $10,000 or more | 3 to 6 weeks |
What moves the price
- Number of concepts. One direction is cheaper than three to choose from.
- Technique. Shape animation in After Effects is faster than frame by frame drawing or 3D modelling, lighting and rendering. See 2D vs 3D animation for how those choices compare.
- Number of deliverables. Every extra aspect ratio, loop version or Lottie export takes time, especially if it needs to be re-timed rather than just re-cropped.
- Sound. A stock sound effect costs little. A composed sonic logo with full ownership costs significantly more.
- Revision rounds. Most quotes include two rounds. Extra rounds add cost.
- Rights. Full buyout of music and source files may be priced separately.
For a broader view of how studios price animation work, read how much animation costs.
How the work usually runs
- Brief and assets. You send the brief and files above.
- Concepts. The studio presents style frames or rough motion sketches, often two or three directions.
- Selection. You pick one direction and give feedback.
- Animation. The chosen concept is animated in full, usually first without polish so timing can be approved.
- Sound. Sound effects or the sonic logo are added and synced.
- Revisions. One or two rounds of changes.
- Versions and delivery. The master is adapted to each channel and exported in every agreed format.
The most common delay is at step 3, when several stakeholders each prefer a different concept. Agree who has the final say before concepts arrive.
Common mistakes
- Approving from a still. A style frame shows the look, not the motion. Ask for a rough motion test before committing to a direction.
- Forgetting the silent viewer. On social platforms most people see the animation without sound. It must work muted.
- Making it too long. Viewers will see it dozens of times. What feels charming once becomes tiring by the fifth video.
- Ignoring the end frame. The final held frame is what stays on screen longest. It should be clean, centred and match the static logo exactly.
- Not asking for source files. If you want to adapt the animation later in-house, ask for the project files and agree on that in the contract.
Where to go next
If the logo animation is part of a wider identity or campaign, it often makes sense to design the whole motion language at once: transitions, lower thirds, typography animation and end cards that all share the same rhythm. That is the work covered by our motion design service, and you can see examples in the portfolio.
If you have a logo that needs to move, send us the files and a few lines about where it will play through the contact page, and we will come back with a direction and an estimate.