Banners and Graphics
Evmux provides tools for adding graphics, lower thirds, tickers, and visual overlays to your broadcast.
Banner types
There are two kinds of banners:
- Static Banners - Fixed text overlays
- Tickers - Scrolling text overlays
Both are shown in one of 6 visual styles that you pick for the session.
Each banner has a title (the primary text), a text line (the secondary text), a display order, and an on/off state. A ticker also has a scroll direction.
Banner Styles (6 Styles)
Style 1 - Classic
- Colored left bar with white/gradient background
- Gradient based on banner color (darker to original)
- Supports an event logo section
- Footer with ticker section
- Date/time section in the footer
- Social network logo display for comments
Style 2 - Modern
- Gradient background overlay at the bottom
- Top colored bar accent
- White overlay animation effects
- Animated image transitions
- Title scales down as it enters
Style 3 - Dark
- Diagonal corner cut
- Colored accent triangle
- Dark themed appearance
Style 4 - Minimal
- Left border accent with white background
- Clean, simple design
Style 5 - Modern Diagonal
- Angled colored section on the left
- Rounded corners
- Supports event logo display
Style 6 - Premium
- Gradient border effect
- Dual-section layout with bottom bar
- Supports event logo display
Common features across all styles:
- Event logo display (can be turned on or off)
- Date/time display (can be turned on or off)
- Ticker/scrolling text support
- Social network comment display with profile pictures
- Animated enter/exit transitions
In Dual Streaming Mode, banners are rendered separately for landscape and portrait, so check how they look in both orientations.
Banner Text Limits
| Field | Static Banner | Ticker |
|---|---|---|
| Title | 54 characters | 54 characters |
| Text | 200 characters | 1000 characters |
Font Size Auto-Scaling
Longer text is shown in a smaller font automatically:
| Text Length | Font Size |
|---|---|
| 0-54 chars | 60px |
| 55-100 chars | 45px |
| 101-150 chars | 40px |
| 151-200 chars | 35px |
Ticker (Scrolling Text)
A ticker is a banner whose text scrolls across the screen. Only one ticker is on screen at a time.
Direction Options
- LTR (Left-to-Right)
- RTL (Right-to-Left)
Ticker Speed
One pass of the ticker takes about 12 seconds plus roughly 9 seconds per 100 characters of title and text combined. Longer text therefore stays on screen longer.
Social Network Comment Display
When you show a comment as a banner, it carries a platform badge in the platform’s brand color. Supported platforms:
- YouTube
- Twitch
- Kick
- Rumble
- TikTok
- Evmux (no badge shadow)
The banner shows the commenter’s name, the comment text, and their profile picture. Super Chats and donations show the amount, and YouTube membership gifts show the membership level.
Lower Thirds (Animated Captions)
Lower thirds are per-speaker overlays that display name and company information.
Animation styles
There are 14 built-in animation styles, ranging from a classic bar with logo to stacked two-line layouts, single lines with a bottom bar, multiple accent lines, and layouts with a vertical divider. Some styles have a video background behind the text.
Lower Third Settings
| Setting | Default | Description |
|---|---|---|
| Enabled | on | Show/hide the lower third |
| Stay static | off | Show always (no animation cycle) |
| Play once | off | Play the animation only once |
| Start delay | 0 | Delay before showing (seconds, 0-60) |
| Visibility duration | 3 | How long to show (seconds, 0-60) |
| Cycle duration | 0 | Time between repeats (seconds, 0-300) |
| Scale | 100 | Size in percent (0-100) |
| Animation style | Classic | Animation variant |
| Color | - | Primary/main color |
| Color 2 | - | Secondary/accent color |
| Use logo | off | Show the speaker’s logo |
| Use title | off | Show the speaker’s title (Mr/Ms/Dr) |
| Position | bottom left | Position on screen |
| Video background | first video | Background video (for styles that support it) |
| Video background opacity | 100 | Background opacity (0-100) |
| First row | - | Custom first line text |
| Second row | - | Custom second line text |
The lower third is linked to a speaker, so its name and company come from that speaker’s profile unless you enter custom row text.
Position Options
- Top Left
- Top Center
- Top Right
- Bottom Left (default)
- Bottom Center
- Bottom Right
Timing Behavior
- Start Delay: Waits the set number of seconds before appearing
- Visibility Duration: Shows for the set number of seconds (plus 1.5 s of animation time)
- Cycle Duration: Waits the set number of seconds before repeating (plus 3 s of animation time)
If Stay static is on, the lower third stays visible indefinitely. If Play once is on, it plays once and does not repeat.
In Dual Streaming Mode, lower thirds are rendered separately for landscape and portrait.
Banner Color
You pick the banner color with a color picker in the Graphics settings; it can include transparency.
Automatic Text Contrast
Text color is chosen automatically: dark text on light banner colors and white text on dark banner colors.
Logo and Watermark
Event Logo in Banners
- Can be turned on or off in the Graphics settings
- Uses the project’s logo
- Supported in the Classic, Modern, Modern Diagonal, and Premium styles
- The logo is shown at up to 160px height
Watermark
- Static image overlay
- Full screen coverage
- Sits behind the content layers
Font Options
The branding font applies to banners and lower thirds. Available fonts:
- Default
- Roboto
- Germania One
- Montserrat
- Open Sans
- Poppins
- Raleway
- Oswald
- Lato
- Source Sans Pro
Animations
Banners animate in (the background scales in, then the image and text fade in; a ticker slides up) and bounce out when hidden.
Best Practices
- Keep text concise - Shorter text is more readable
- Use high contrast - Ensure text is visible on video
- Match branding - Use consistent banner colors
- Animate sparingly - Too much motion distracts viewers
- Test on stream - Verify appearance before going live
- Prepare banners ahead - Create all banners before broadcast
- Use appropriate styles - Choose style based on content type
- Consider ticker speed - Longer text = longer display time