Mobile Skin is a high impact mobile format, that consists of a sticky anchor banner that expands into a full-screen creative on interaction. The sticky banner element is always visible, ensuring high visibility, and gently encourages users to swipe to trigger the expand.
Example
Recommended default creative dimensions
It is possible to use either static (image/video), or responsive (HTML) assets for the anchor banner and fullscreen banner.
Anchor Banner
When working with static assets (image or video), allow a 5% exclusion zone around all sides, as creative may appear cropped on some screens (both width and height could appear cropped).
Static (Image/Video): 800x200px (JPG/MP4)
Responsive (HTML5): 100% x 100% (800x200)
Fullscreen Banner
When using static assets, allow a 5% exclusion zone at the very top and bottom, as creative may appear cropped on some screens.
Static (Image/Video): 1080x1920px (JPG/MP4)
Responsive (HTML5): 100% x 100% (1080x1920)
Format description and guidance
The height of the anchor banner can vary according to publisher preference, but by default it is 100px. It can appear anchored to either the top or the bottom of the screen (again, according to publisher preference).
A "swiping hand" animation will automatically be added to the banner to encourage users to swipe and expand the creative, and a close button may appear in the top right corner.
On the fullscreen expand creative, a close button will be added to the top right corner, so avoid placing anything important there that you wouldn't want to be covered by it.
Max total file weight
3.5 MB
For best performance, all assets should be compressed and optimized to the lowest possible file weight. We recommend using tinypng.com to compress PNGs.
Click tags and tracking
The template supports two separate click trackers - one for the anchor banner, and another for the expanded full-screen creative. Impressions tracking pixels are fired from the anchor banner.
Audio
Muted by default, user initiated.
Template Details
Automatically synced on 2026-02-11T14:27:19.556Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Mobile Skin
Banner templates: Responsive Slider Streaming Video, Image
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.
Responsive Slider Streaming Video
A responsive slider format, for desktop & mobile · Version 1.2.2
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Global click destination for the slider. |
Background Assets
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Background 1 (Image) | First background image. Add only an image OR a video for background 1. | ||
| Background 1 (Video) | First background streaming video. Add only a video OR an image for background 1. | ||
| Background 2 (Image) | Second background image. Add only an image OR a video for background 2. | ||
| Background 2 (Video) | Second background streaming video. Add only a video OR an image for background 2. | ||
| Scaling Mode | Sets how background assets scale. Cover fills and may crop. Contain avoids cropping but may leave space. None keeps original sizing. | cover | choices: cover, contain, none | |
| Anchor Point | Anchor Point used to position background assets within the slider area. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Overlay
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Overlay Image | Image displayed above the backgrounds. | ||
| Overlay Scaling Mode | Sets how the overlay scales. Cover may crop, Contain avoids cropping, None keeps intrinsic size. | contain | choices: cover, contain, none | |
| Overlay Anchor Point | Anchor Point used to position the overlay within the slider. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Overlay Width | Width of the overlay (supports %, vw, vh, px or 'auto'). | 60% | |
| Overlay Height | Height of the overlay (supports %, vw, vh, px or 'auto'). | 60% | |
| Overlay Background Colour | Background colour applied behind the overlay if not set to 'none'. | none | |
| Overlay Vertical Gap | Vertical gap between stacked overlay elements (if applicable). | 0vh |
Handle & Interaction
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Handle Icon | Image used for the draggable handle. | ./assets/HANDLEICON.png | |
| Handle Lock | Locks the handle so users cannot drag to reveal backgrounds. | Disabled | choices: Enabled, Disabled | |
| Reset on Mouseout | Resets the split position when the cursor leaves the banner area (desktop only). | Enabled | choices: Enabled, Disabled | |
| Split Direction | Sets whether the slider reveals left/right or top/bottom. | Horizontal | choices: Horizontal, Vertical | |
| Default Split | Initial percentage division between the two backgrounds (first-second). | 50-50 | choices: 0-100, 10-90, 20-80, 30-70, 40-60, 50-50, 60-40, 70-30, 80-20, 90-10, 100-0 |
Image
A responsive template for images with optional overlays. · Version 2.0.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click Url | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. | ||
| Image | Upload the image asset (JPG, PNG, or WEBP). Follow safe-zone guidance and stay within the platform file-size limits. | Required |
Image Settings
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Scaling Mode | Sets the scaling behaviour of the image, determining whether it will appear cropped or not. | cover | choices: cover, contain, fit to width, fit to height, original size | |
| Image Anchor Point | Controls how the image anchor point 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 Colour | Dependant on the scaling mode, this colour will be visible in the behind the if there is any empty space. | #00000000 |
Overlay 1
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | 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. | ||
| Width | Width of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the width from the height, use 'auto'. | auto | |
| Height | Height of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the height from the width, use 'auto'. | 10% | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | top-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Overlay 2
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | 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. | ||
| Width | Width of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the width from the height, use 'auto'. | auto | |
| Height | Height of the overlay, use a responsive unit such as 'vw', 'vh', or '%' to ensure it scales with the banner. To derrive the height from the width, use 'auto'. | 10vh | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right |
Text Overlay
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Text | Copy displayed in the creative for this field. Keep it concise for readability on smaller screens. | ||
| Font Size | Define the font size using responsive CSS units (px, %, vw, vh) so it scales across screens. | 1vw | |
| Position | Position of the overlay, relative to the banner. For left & right positions, the horizontal offset can be modify to set the distance from the respective edge. Likewise for top & bottom positions, the vertical offset will be used. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Text Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff | |
| Font | Select the font option from the list to control how the template behaves. | sans-serif | choices: sans-serif, serif, monospace, impact |
Overlay Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Vertical Offset | For top & bottom positioned overlays, the vertical offset will be used how far away from the top/bottom edges of the banner the asset will appear. | 12vh | |
| Horizontal Offset | For left & right positioned overlays, the horizontal offset will be used how far away from the left/right edges of the banner the asset will appear. | 5vh |