An interactive Standard Display format built on a full-bleed background (image or streaming video) with a positionable branding lockup (logo + headline), a CTA, and a row of 1–5 info spots. Hovering (desktop) or tapping (mobile) a spot reveals its info copy in a floating bubble above the spot row and re-points the CTA to that spot's destination. Part of the Fluid Display private-offering set. The template is adaptive: it reads the rendered size and lays the branding out as a column on tall sizes and a row on wide sizes, while the info spots always keep the bottom edge.
Supported sizes
970x250 · 800x250 · 300x600 · 320x480 · 300x250
Examples
Assets
The background is full-bleed; the logo, headline and CTA are overlay elements the template positions and scales for you, so they can be small transparent PNGs reused across sizes. Every overlay slot is optional — you can also burn the logo/headline/CTA into the background artwork and leave those slots empty, keeping just the interactive spots on top (handy when a client delivers a finished key visual).
Background Image
JPG, PNG, WEBP, max 250kb.
Shown full-bleed with 'cover' scaling, so it fills the frame and can crop on any edge — keep essential detail away from the edges. Export one per size for the best framing across the wide and tall placements.
Background Video (optional)
Streaming video, used instead of the background image. Muted autoplay; audio can be enabled on user interaction (a mute button then appears). Provide a poster-friendly first frame.
Logo (optional)
PNG, WEBP, SVG with a transparent background, max 250kb.
Part of the branding lockup; the template anchors and scales it. Usually one asset reused across all sizes. Horizontal lockups read best in the wide sizes.
Headline (optional)
PNG or WEBP with a transparent background, max 250kb.
Supplied as an image so fonts and colours are fully customisable. Sits below the logo in the branding lockup. Shared across sizes.
CTA (optional)
PNG, WEBP, SVG with a transparent background, max 250kb.
Sits at the bottom of the creative, just above the info spots, following the branding's horizontal side. It links to the currently revealed spot's URL, or the main Click URL when no spot is active. Leave empty to build without a CTA.
Spot Icon (optional)
A single small square transparent PNG used for all info spots, reused at every size. If left empty, a built-in coloured circle marker is used instead (configurable colour + symbol).
Format description and guidance
Add your default click URL and a background (image or video). Optionally add a logo, headline and CTA — or bake them into the background and leave those slots empty. Then fill in the Spot Text for each info spot you want (a spot is built only when it has text) and, optionally, a per-spot Click URL.
Branding Position anchors the logo + headline lockup anywhere in the free space (Top/Middle/Bottom × Left/Center/Right); the CTA always sits at the bottom, just above the spots. Element Spacing (Tight/Normal/Roomy) controls the gap inside the lockup and the CTA's clearance, and Branding Size (Small/Medium/Large) scales the logo, headline and CTA together. The info spots keep their own Spot Size.
Keep spot text short — a few words read best in the reveal bubble. Long copy is safely line-clamped so it can never break the layout, but it is truncated with an ellipsis, so don't rely on very long text. Accented and non-Latin characters render correctly (UTF-8). Three to four spots is the sweet spot; up to five are supported. The template sizes and positions everything automatically — no manual layout per size is required.
Max total file weight
The combined file weight of all assets must not exceed 3.5 MB.
Audio
Optional — off by default; available when a background video is used and Audio is set to Enabled.
Template Details
Fluid Display Hotspot
General
| Parameter | Purpose | Notes |
|---|---|---|
| Click URL | Main click destination. Each spot can override it with its own URL; if a spot has none it falls back to this. |
Background
| Parameter | Purpose | Notes |
|---|---|---|
| Background Image | Background image, shown full-bleed. Use either the background image or the background video. | |
| Background Video | Optional streaming video background, used instead of the image. |
Overlay
| Parameter | Purpose | Default |
|---|---|---|
| Logo | Logo image, part of the branding lockup. Its position is set by Branding Position. Optional. | |
| Headline | Headline image, part of the branding lockup (below the logo). Optional. | |
| CTA | CTA image, shown just above the info spots. Links to the revealed spot's URL, or the main Click URL. Optional. | |
| Branding Position | Anchors the logo + headline lockup anywhere in the free space (3×3 grid). The CTA always sits at the bottom, above the spots. | Top Left |
| Element Spacing | Gap between logo and headline in the lockup, and the CTA's clearance above the spots. | Normal | choices: Tight, Normal, Roomy |
| Branding Size | Scales the logo, headline and CTA together (spots keep their own Spot Size). | Medium | choices: Small, Medium, Large |
Info Spots
| Parameter | Purpose | Default |
|---|---|---|
| Spot Icon | Optional icon used for every info spot. If empty, a built-in coloured circle marker is used. | |
| Spot Colour | Colour of the built-in circle marker (used when no Spot Icon is uploaded). | #e6183c |
| Spot Symbol Colour | Colour of the symbol inside the built-in circle marker. | #ffffff |
| Spot Symbol | Symbol shown inside the built-in circle marker. | i |
| Spot Size | Overall size of the info spots. | Medium | choices: Small, Medium, Large |
| Spot 1–5 Text | Info copy revealed in a bubble above the spots on hover (desktop) or tap (mobile). A spot is built only if its text is filled. | Spot 1 required |
| Spot 1–5 Click URL | Per-spot click destination. Falls back to the main Click URL when empty. |
Interaction
| Parameter | Purpose | Default |
|---|---|---|
| Hand Hint | Animated hand that sweeps the spot row until the first interaction, then fades. | Enabled | choices: Enabled, Disabled |
Video Settings
| Parameter | Purpose | Default |
|---|---|---|
| Audio | Enables or disables audio for the background video. | Disabled | choices: Enabled, Disabled |
| Max Video Size | Maximum allowed video stream weight used when selecting encodes. | 3.5mb | choices: 3.5mb, 3.0mb, 2.5mb, 2.0mb, 1.5mb, 1.0mb |