A responsive banner template that allows for the easy creation of an interactive 3D cube banner. The cube features 4 rotating faces, each of which can feature either an image or video background asset, as well as an optional overlay. The template is fully responsive, meaning it can be used for any size placement. For standard display placements (such as 300x250 or 300x600), simply set the required width and height under the creative parameters.
Example
Format Specs
Cube Side Backgrounds:
JPG, WEBP or MP4. 1MB max.
Dimensions depend on the placement you are creating a cube for. For fixed size standard display placements (eg 300x250, 320x320 etc), we recommend creating double sized assets (eg 600x500, 640x640 etc) for optimal appearance on high resolution displays. For responsive placements, use a suitable aspect ratio for your desired format, and make use of the overlays for elements that must not appear cropped.
Cube Side Overlays:
PNG or WEBP with a transparent background. 250kb Max.
Optional - Dimensions depend on the size of the placement. Overlays are useful for responsive placements where the width and height of the creative may vary. Overlays will never appear cropped, so are useful for making sure your logos or key messaging never appear cut off. For best results, export overlay assets without any excess empty white space, and use the overlay height and width parameters in the template to configure their size relative to the background. Overlays are centred on top of their respective backgrounds.
Background Image:
Optional - JPG, WEBP, 100kb max
Dimensions depend on the format, for desktop formats use a 16:9 aspect ratio (eg 2560x1440px), and for mobile formats a 9:16 aspect ratio (eg 1080x1920px). The background image is visible behind the cube as it rotates.
Format description and guidance
Set the width and height of the banner to match your required placement.
You have the option to set a background colour, or add a background image, which will be visible behind the cube as it spins. Otherwise the default is a white background.
If using overlays you can configure their size relative to the cube faces. Overlays are centred on top of their respective backgrounds. You can also change the button colour if you want to change the colour of the navigation arrow buttons (default is white)
For each of the 4 faces of the cube, you must add a click URL and a background. Overlays can also be added to each, but they are optional.
Max total file weight:
Video: Files up to 50 MB are accepted, with a recommended maximum length of 20 seconds.
Image: Maximum 200kb
Audio
None
Template Details
Automatically synced on 2026-02-11T14:27:19.502Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Desktop Topscroll, Desktop Midscroll
Banner templates: Responsive Cube with Streaming Video
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 Cube with Streaming Video
A responsive 3D cube template. · Version 1.3.1
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Background Colour | Colour behind cube sides when space is visible. | #ffffff | |
| Background Image | Static background image behind the cube (optional). | ||
| Overlay Height | Overlay height (supports %, vh, px). | 80% | |
| Overlay Width | Overlay width (supports %, vw, px). | 80% | |
| Rotation Direction | Selects whether the cube rotates horizontally or vertically. | horizontal | choices: horizontal, vertical |
Arrows
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Button Colour | Colour of navigation arrows. | #ffffff | |
| Carousel Buttons | Show buttons persistently or only on hover. | Always Show | choices: Always Show, Show on Hover |
Side 1
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Side 1 Click URL | Destination for side 1. | ||
| Side 1 Background (Image) | Background image (add image OR video for a side, not both). | ||
| Side 1 Background (Video) | Streaming video (add video OR image for a side, not both). | ||
| Side 1 Overlay | Overlay asset layered above side 1 background. |
Side 2
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Side 2 Click URL | Destination for side 2. | ||
| Side 2 Background (Image) | Background image (add image OR video for a side, not both). | ||
| Side 2 Background (Video) | Streaming video (add video OR image for a side, not both). | ||
| Side 2 Overlay | Overlay asset layered above side 2 background. |
Side 3
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Side 3 Click URL | Destination for side 3. | ||
| Side 3 Background (Image) | Background image (add image OR video for a side, not both). | ||
| Side 3 Background (Video) | Streaming video (add video OR image for a side, not both). | ||
| Side 3 Overlay | Overlay asset layered above side 3 background. |
Side 4
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Side 4 Click URL | Destination for side 4. | ||
| Side 4 Background (Image) | Background image (add image OR video for a side, not both). | ||
| Side 4 Background (Video) | Streaming video (add video OR image for a side, not both). | ||
| Side 4 Overlay | Overlay asset layered above side 4 background. |
Legal Overlay
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Show Legal Overlay | Select the show legal overlay option from the list to control how the template behaves. | Disabled | choices: Enabled, Disabled | |
| Text Legal Button | Copy displayed in the creative for this field. Keep it concise for readability on smaller screens. | Disclaimer | |
| Button Background Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #5c5c5c99 | |
| Button Text Background Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #ffffff | |
| Legal Button Position | Controls how the legal button position aligns inside the frame. Pick the focal point that keeps the subject in view. | bot-left | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Button Vertical Offset | Sets the button vertical offset value used in the creative. Supports plain text or CSS units where required. | 3vh | |
| Button Horizontal Offset | Sets the button horizontal offset value used in the creative. Supports plain text or CSS units where required. | 3vw | |
| Legal Click URL | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. | ||
| Legal Background Colour | Hex colour (#RRGGBB or #RRGGBBAA) applied to this element. Use it to match brand palettes and overlay blends. | #5c5c5cD9 | |
| Legal Text 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. | ||
| Close button text | Copy displayed in the creative for this field. Keep it concise for readability on smaller screens. | Close |