Examples
Adventure Travel 1
Adventure Travel 2
Adventure Travel 3
Adore Beauty
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 | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. |
Frame 1
| Parameter | Purpose |
|---|---|
| Background (Video) | Provide the background (video) video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Background (Image) | Upload the background (image) asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Overlay | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. |
Frame 2
| Parameter | Purpose |
|---|---|
| Background (Video) | Provide the background (video) video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
| Background (Image) | Upload the background (image) asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. |
| Overlay (Image) | Upload the overlay asset (JPG, PNG, or WEBP). Overlays render with object-fit: contain, so they will not crop and do not require extra safe-zone padding. |
Creative Settings
| Parameter | Purpose | Default |
|---|---|---|
| Transition Type | Sets the type of transition effect. | vertical | choices: horizontal, vertical, circular, swipe |
| Overlay Width | Define the overlay width using responsive CSS units (px, %, vw, vh) so it scales across screens. | 80% |
| Overlay Height | Define the overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 80% |
| Overlay Position | Controls how the overlay position aligns inside the frame. Pick the focal point that keeps the subject in view. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
| Background Scaling Mode | Select the background scaling mode option from the list to control how the template behaves. | cover | choices: cover, contain |
| Background Style | Background will only be visible if the asset scaling mode is set to 'contain'. If set to 'cover', the asset will be scaled to fill the banner. | Colour | choices: Colour, Auto Background |
| Background Color | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #000 |
| Max Stream Weight | Sets the maximum file weight of the video(s), if a video background is used. | 1.5mb | choices: 3.5mb, 3.0mb, 2.5mb, 2.0mb, 1.5mb, 1.0mb |
| Audio | Select the audio option from the list to control how the template behaves. | Disabled | choices: Enabled, Disabled |