A template for the Seamless Skin format, that allows for the easy creation of a responsive scrolling skin creative, with three setsstrong> of backgrounds and overlays that transition as you scroll. You can use either images or videos as backgrounds.Overlaysin the side panels are used to ensure branding and messaging always remain fully visible.
Guide to skins
- The difference between our Seamless Skin & Fluid Skin formats
- The respective templates (i.e. Seamless Image Skin, Seamless Sliding Skin, Fluid Skin Image, Fluid Skin Video, etc.) within our Seamless & Fluid Skin formats
- Tips and best practice for using overlays
Examples
Asset Specs
Backgrounds
Three of either:
- Image: 2560x1440px (JPG, PNG or WEBP)
- Video: 1920x1080px (MP4)
Overlays:
- Main overlays - Max size of 800x1440px (PNG or WEBP with transparent background), one asset for each side of the skin, and one set of overlays for each background, so up to 6 main overlay assets in total.
- Top/Bottom overlays (optional) - additional static overlay elements that are top/bottom aligned with the overlay container, on both sides of the skin. Max size of 800x500px (PNG or WEBP with transparent background). Static overlays are consistent across all 3 sets of skin assets, so only up to 4 top/bottom overlay assets are required in total.
- For best results, export overlay PNG assets without any excess empty space - the size and position of the overlay is configurable within the skin settings.
Top Banner
- Top Overlay:
Maximum size of 1000x180px* (PNG with transparent background)
Top banner sizes vary across publishers and between countries, so please read carefully to ensure your assets are produced correctly.
For HTML5 Top Banners, the creative width should be responsive (width: 100%) up to a maximum width of 1280 pixels. The height will match the billboard height from the list below. If the width of your top banner is not responsive, there may be empty space visible between the top banner and side panels on some sites.
Billboard placement sizes by country:
- 🇦🇹 AT: 1000x250px
- 🇨🇭 CH: 1000x250px
- 🇩🇪 DE: 1000x250px
- 🇩🇰 DK: 930x180px
- 🇫🇮 FI: 1000x400px
- 🇫🇷 FR: 970x250px
- 🇳🇱 NL: 970x250px
- 🇳🇴 NO: 980x300px
- 🇵🇱 PL: 970x250px
- 🇸🇪 SE: 1000x240px
- 🇬🇧 UK: 970x250px
Top banner dimensions can also vary from publisher to publisher. You should always confirm specs with the publishers on your plan before creating skin assets.
Format description and guidance
A template that allows for the easy creation of a "scrolling skin" creative. The format allows three sets of assets (background image/video + side overlays) to be uploaded, with an interactive scroll triggered transition as the user scrolls down the page.
Avoid placing any text or logos on the sides or edges of the background assets, as they could appear cropped on smaller screen sizes. All "key" static elements or artwork (logos, messaging, CTA etc) should be implemented as part of the overlay assets.
Use the overlays to add your branding and messaging elements on top of the background. The overlays automatically scale and resize your content to fit within the available space, enabling responsive functionality for your skin. You can define the overlay container width & height (as a percentage of the total side-panel area) , as well as define minimum and maximum widths (in pixels) to constrain their scaling.
The main overlay is the primary overlay asset, which will fill as much space within the overlay container as is available. Optional top and bottom overlays can be added on each side, allowing for static branding elements such as logos and CTAs to be placed separately from the main overlay, allowing for more advanced responsive layouts. The top/bottom overlays will match the full overlay container width, and you can adjust their heights to control how big they will appear
You can additionally configure how the overlays are positioned within the skin side-panels. By default they are centered, however you can modify the horizontal and vertical alignment of the overlays using the preset positioning options, and add an offset to fine-tune the position (you can use any valid css unit eg 250px, 50%, 20vh etc, measured from the selected position edge).
For best results, export the overlay PNG assets without any excess empty space - this allows the template to handle the overlay scaling and placement more effectively.
Max total file weight
3.5 MB.
For best performance, all assets should be compressed and optimised to the lowest possible file weight. We recommend using tinypng.com to compress PNG overlays.
Click tags and tracking
The template supports four individual clickURL & trackers - one for each of the skin backgrounds, and another for the top banner.
Audio
No
Template Details
Automatically synced on 2026-02-11T14:27:19.529Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Seamless Skin
Banner templates: Seamless Scrolling Streaming Video Skin
Use the tables below to configure the linked banner templates. Each parameter definition is pulled straight from the template config, ensuring the spec always documents the latest functionality.
Seamless Scrolling Streaming Video Skin
Scrolling Skin · Version 1.1.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Default Click URL | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. |
Skin 1
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Falls back to Default Click URL if blank. | ||
| Background (Image) | Upload the background (image) asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | ||
| Background (Video) | Provide the background (video) video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. | ||
| Main Overlay Left | Main overlays will use as much space as is available within the overlay container. | ||
| Main Overlay Right | Main overlays will use as much space as is available within the overlay container. |
Skin 2
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Falls back to Default Click URL if blank. | ||
| Background (Image) | Upload the background (image) asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | ||
| Background (Video) | Provide the background (video) video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. | ||
| Main Overlay Left | Main overlays will use as much space as is available within the overlay container. | ||
| Main Overlay Right | Main overlays will use as much space as is available within the overlay container. |
Skin 3
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Falls back to Default Click URL if blank. | ||
| Background (Image) | Upload the background (image) asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | ||
| Background (Video) | Provide the background (video) video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. | ||
| Main Overlay Left | Main overlays will use as much space as is available within the overlay container. | ||
| Main Overlay Right | Main overlays will use as much space as is available within the overlay container. |
Static Overlays
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Left - Top Overlay (optional) | Top-aligned overlay, anchored to the top of the overlay container. | ||
| Left - Top Overlay Height | Define the left - top overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 15% | |
| Left - Bottom Overlay (optional) | Bottom-aligned overlay, anchored to the bottom of the overlay container. | ||
| Left - Bottom Overlay Height | Define the left - bottom overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 10% | |
| Right - Top Overlay (optional) | Top-aligned overlay, anchored to the top of the overlay container. | ||
| Right - Top Overlay Height | Define the right - top overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 15% | |
| Right - Bottom Overlay (optional) | Bottom-aligned overlay, anchored to the bottom of the overlay container. | ||
| Right - Bottom Overlay Height | Define the right - bottom overlay height using responsive CSS units (px, %, vw, vh) so it scales across screens. | 10% |
Background Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Scaling Mode | Sets how backgrounds scale. Cover fills and may crop. Contain avoids cropping. None keeps intrinsic size. | cover | choices: cover, contain, none | |
| Max Video Stream Weight | If multiple background videos are used, stream weight budget is split between them. Total skin + top banner must stay within overall file weight limits. | 2.5mb | choices: 3.5mb, 3.0mb, 2.5mb, 2.0mb, 1.5mb, 1.0mb | |
| Background Colour | Colour of any empty space left after scaling. | #FFF |
Overlay Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Overlay Container Width | Width of overlay container (% of side panel). | 80% | Required |
| Overlay Container Height | Height of overlay container (% of skin height). | 90% | Required |
| Overlay Container Gap | Minimum space between overlay items. | 1vh | |
| Overlay Container Minimum Width | Minimum width before overlays risk becoming too small. | 120px | |
| Overlay Container Maximum Width | Maximum width to prevent overlays growing too large. | 300px | |
| Hide Overlay Below Minimum Width | Hide overlays if container drops below its minimum width. | False | choices: False, True | |
| Hover Effect | Sets the hover effect when the user hovers over the skin side panel. | scale | choices: disabled, glow, scale, glow & scale | |
| Overlay Container Horizontal Alignment | Sets the horizontal alignment of the overlay container, and all the overlays within it. | center | choices: center, inside, outside | |
| Overlay Container Horizontal Offset (optional) | Sets a horizontal offset for the overlays away from the aligned edge. | ||
| Overlay Container Vertical Alignment | Sets the vertical alignment of the overlay container, and all the overlays within it. | center | choices: top, center, bottom | |
| Overlay Container Vertical Offset (optional) | Sets a vertical offset for the overlays away from the aligned edge. |