A banner template for the Double Midscroll format, designed for a Reveal Scroller style creative. The template uses two background frames and optional overlay artwork, then reveals the second frame progressively as the user scrolls.
Each frame can use either a static image or a streaming video background. The reveal effect works across both desktop and mobile and supports multiple transition styles, including horizontal, vertical, circular, and swipe.
Format Specs
Frame Backgrounds
Image - JPG or WEBP
- Mobile: 1080x1920
- Desktop: 2560x1440
Video - MP4
- Mobile: 1080x1920
- Desktop: 1920x1080
Overlay Assets
PNG, WEBP, or SVG with transparency. Use one optional overlay asset for each frame. Dimensions are flexible, but exporting close to the background artboard size gives the cleanest scaling.
Format Description And Guidance
Upload the Frame 1 and Frame 2 background assets, then add optional overlay artwork for either frame if you need extra branding, copy, or CTA treatment on top of the reveal.
Backgrounds use cover scaling by default, so the outer edges may crop on some screens. Keep essential content toward the middle of each frame. If you prefer to preserve the full frame, use contain scaling and set a background colour or auto background to handle any empty space.
The overlay width, height, and position are configurable, making it possible to keep branding in a stable focal area while the reveal transition happens behind it. Choose the transition type that best suits the artwork: vertical and horizontal for directional wipes, circular for centre-out reveals, or swipe for a more gestural transition.
Max Total File Weight
Video: Files up to 50 MB are accepted, with a recommended maximum length of 20 seconds.
Image: Maximum 200kb each.
Audio
User-initiated.
Template Details
Reveal Scroller With Streaming Video
General
| Parameter | Purpose |
|---|---|
| Click URL | Primary click destination for the creative. |
Frame 1
| Parameter | Purpose | Default |
|---|---|---|
| Background (Video) | Streaming video asset used for frame 1. | |
| Background (Image) | Static background image used for frame 1. | |
| Overlay | Optional overlay artwork shown on top of frame 1. |
Frame 2
| Parameter | Purpose | Default |
|---|---|---|
| Background (Video) | Streaming video asset used for frame 2. | |
| Background (Image) | Static background image used for frame 2. | |
| Overlay (Image) | Optional overlay artwork shown on top of frame 2. |
Creative Settings
| Parameter | Purpose | Default |
|---|---|---|
| Transition Type | Controls how the second frame is revealed as the user scrolls. | vertical | choices: horizontal, vertical, circular, swipe |
| Overlay Width | Maximum width applied to the overlay artwork. | 80% |
| Overlay Height | Maximum height applied to the overlay artwork. | 80% |
| Overlay Position | Overlay alignment within the frame. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
| Background Scaling Mode | Sets how background assets scale. Cover fills and may crop. Contain preserves the full asset. | cover | choices: cover, contain |
| Background Style | Controls what appears behind the background when contain scaling leaves empty space. | Colour | choices: Colour, Auto Background |
| Background Color | Colour used behind the background asset when needed. | #000 |
| Max Stream Weight | Sets the maximum allowed stream weight for any background video. | 1.5mb | choices: 3.5mb, 3.0mb, 2.5mb, 2.0mb, 1.5mb, 1.0mb |
| Audio | Enables or disables background video audio. | Disabled | choices: Enabled, Disabled |