Logo Reveal vs Sting vs Bumper vs Loop: What Each Is For
By the Charmotion team · Updated
A logo reveal builds up to your logo and ends on it, usually opening a video. A sting is a very short branded moment, often with a sound, used as an ident or transition. A bumper is a short clip that marks a break around content. An idle loop is gentle, repeating motion for websites and apps.
Key takeaways
- Reveals, stings, bumpers, intros and outros are one-shots: they play once and finish on the full logo.
- An idle loop repeats seamlessly and belongs on websites, apps and streams, not at the start of a video.
- Published guidance keeps logo animations to a few seconds: Envato suggests three to eight for most projects, and YouTube bumper ads cap at 6.
- Sound is part of a sting in video, but anything that autoplays on a website must start muted.
Already have a character or logo? See your character in real app screens: splash, onboarding, loading and empty-state screens. It's free, runs in your browser and uploads nothing.
What is the difference between a logo reveal, a sting and a bumper?
They are all short logo animations, named after where they sit and how long they last.
| Name | What it is | Typical place | Plays |
|---|---|---|---|
| Logo reveal | Motion that builds up to the logo and ends on it | Start of a video, brand film, presentation | Once |
| Logo sting (stinger) | A very short branded moment, often tied to a sound | Idents, transitions between segments, end of an ad | Once |
| Bumper | A brief clip that marks a break between a program and what comes next | Podcasts, video series, streams; also YouTube's 6-second bumper ads | Once |
| Intro | The opening of a video, which may contain a reveal | YouTube, courses, webinars | Once |
| Outro | The closing of a video: the logo plus a next step | YouTube end screens, ads | Once, then holds |
| Idle loop | Gentle motion that repeats seamlessly | Website headers, apps, streams, loading states | Repeats |
Merriam-Webster defines a bumper in broadcasting as "a brief interval on radio or television filled with music, video shots, or voice-overs that marks a break between a program and a commercial." "Sting" and "reveal" have no formal definition; the industry uses them loosely, and many people say "logo reveal" for any logo intro. What matters for planning is the job: does it open something, mark a transition, close something, or sit on screen while people do other things?
How long should a logo reveal, sting or intro be?
As short as the job allows. A viewer waits through a reveal; nobody chooses to watch one. Published guidance:
| Type | Guidance | Source |
|---|---|---|
| Logo sting | "Only a few seconds long, at most" | Envato Tuts+ |
| Logo animation | "Usually under two seconds" | Motion The Agency |
| Logo reveal or intro | "Between three and eight seconds for most projects" | Envato Elements |
| Basic marketplace logo animation | "Typically 5 to 10 seconds" | Fiverr cost guide |
| YouTube bumper ad | "Up to 6 seconds long" | Google Ads Help |
| YouTube end screen | "The last 5–20 seconds of a video" | YouTube Help |
The sources disagree because they describe different things: a two-second ident at the end of an ad is not a seven-second opener for a brand film. Start short and lengthen only if the motion needs it. For YouTube intros specifically, see the YouTube intro guide, and for app launches the launch animation guide.
Should a logo animation loop or play once?
Play once when the animation opens or closes something; loop when the logo sits on screen next to other content.
- Video intros, stings, bumpers and outros play once and finish on the full, still logo.
- Idle loops repeat on website headers, app screens and live streams. They need to be calm: a slow breathe, a small bob or an occasional blink, with no visible jump where the loop restarts.
- On a website, loops should stop. WCAG 2.2 success criterion 2.2.2 requires a way to pause, stop or hide motion that starts automatically, lasts more than five seconds and plays alongside other content. A header logo that plays a few cycles and rests avoids the problem.
- Never flash. WCAG 2.3.1 sets a limit of three flashes in any one-second period.
A practical pattern for sites and apps uses both: a one-shot intro on first load that hands off to a quiet idle loop. The header logo guide shows how to wire that up.
Does a logo animation need sound?
In video, a sting usually does: the sound is what makes it feel like a sting rather than just a short animation. In a reveal or intro, sound is common but optional. On websites and in apps, plan for silence.
- Browsers block sound on autoplay. Video that starts by itself generally has to be muted, which is why header and hero logos are silent (MDN).
- Design the motion to work muted. The same file ends up in muted autoplay players, slides and silent previews, so the animation should land without its audio.
- Add sound in the editor. If your logo animation has no audio track, put a short sound effect under it in your video editor and line the hit up with the moment the logo settles.
- Check the license. Sound effects from template libraries come with their own terms. Read them before using a sound in ads.
Which logo animations do you actually need?
Start from where the logo appears, not from the animation types.
| If you have | Make first |
|---|---|
| A YouTube channel or podcast | A short intro reveal and an outro that holds on the logo |
| Video ads | A sting for the last second or two |
| A website | A one-shot header intro plus an idle loop |
| An app | A launch intro, a loading loop and a success reaction |
| A live stream | A transparent idle loop for the corner and a bumper for breaks |
Charmotion covers the app and website rows from one image: a launch intro of about 2.6 seconds that ends on your resting logo, 10 looping moods and 6 one-shot reactions, as MP4, GIF, Rive and transparent WebM and MOV (paid plans, from $20/month). It does not add sound, so a classic broadcast sting with a sound hit, or a long kinetic type reveal, still belongs in a video editor or with a motion designer.
Frequently asked questions
What is a logo sting?
A logo sting is a very short logo animation, a few seconds at most, usually paired with a sound hit. It is used as an ident at the end of an ad, between segments of a show, or as a transition. Unlike an idle loop, it plays once and ends on the logo.
Is a logo bumper the same as a YouTube bumper ad?
Not quite. A bumper in broadcasting is a brief clip that marks a break between a program and what follows. A YouTube bumper ad is a specific ad format of up to 6 seconds. A logo animation can serve as either, if it is short enough.
What is the difference between a logo intro and an outro?
An intro opens a video and often contains a logo reveal; it should be short so viewers reach the content quickly. An outro closes the video, usually holding on the logo with a next step. On YouTube, end screens can be added to the last 5 to 20 seconds.
Quick answers from this guide
Sources
- Bumper (definition), Merriam-Webster
- About video ad formats, Google Ads Help
- Add end screens to videos, YouTube Help
- Video logo animations in After Effects, Envato Elements
- How to make an animated letter logo sting in Premiere Pro, Envato Tuts+
- How much does 2D animation cost?, Fiverr
- Logo animation, Motion The Agency
- Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
- Understanding SC 2.3.1: Three Flashes or Below Threshold, W3C WAI
- Autoplay guide for media and Web Audio APIs, MDN Web Docs