Skip to main content
A flat lay of smartphones and tablets on a blue surface displaying various colorful websites and apps, including food recipes, Radio Times, LEGO gaming, and a parenting site.

Infinity skin - toggle

A versatile, interactive format that invites exploration through layered storytelling

Overview

An interactive skin format with toggle buttons that allow users to switch between multiple creative states with smooth hover transitions.

This format requires 2โ€“4 creative with overlay elements, toggle buttons and one top banner.

Both the left and right sides of this format can be swapped, depending on your preference.

For detailed tips and guidance, check out ourย Infinity skin guide

Examples

Mars

A web page mockup with M&Mโ€™s candies and colorful packaging on the left, and a display of M&Mโ€™s blondies with Easter eggs on the right. Text: โ€œBake it easy with these blondiesโ€ and โ€œGet the recipe.โ€.

Deliverables

1: Background image

Please choose only one background option.

Option 1: Flex image panels (left and right)
Two individual left and right image panels โ€” ideal for creatives that require greater control and flexibility.

  • Number of backgrounds: 2-4 per left and right
  • Dimensions: 600 x 1440px
  • File type: jpg, png, webp

Option 2: Continuous image background
A single image that blends smoothly with a transparent top banner for an uninterrupted look.

  • Number of backgrounds: 2-4
  • Dimensions: 2580 x 1440px
  • File type: jpg, png, webp

2: Top/middle/bottom overlays

Additional elements that sit on top of the background image such as the logo, pack shot or button.

  • Number of overlays: 1โ€“3 per creative
  • Dimensions: 600 x 450px max*
  • File type: png, webp, svg (transparent background)

*To achieve correct alignment, be sure to export overlays without unused transparent areas. The scale and placement can be configured within the template settings.

3: Toggle buttons

  • Number of images: 2-4
  • Dimensions: 300 x 300px
  • File type: png, webp, svg (transparent background)

4: Toggle instruction overlay

This encourages the user to hover over the buttons. Example text: Hover to discover

  • Dimensions: 350 x 150 px
  • File type: png, webp, svg (transparent background)

5: Top banner

  • Number of top banners: 1
  • Dimensions: 980 x 270px
  • File type: jpg, png, webp

6: Sticky video (optional)

  • Video ratio: 16:9 or 1:1
  • Max video length: 20-30 seconds recommended
  • File type: mp4
  • Video position options:
    • Top banner: left, centre or right
    • Skin panels: left or right side and positioned top, middle or bottom

Initial file load

  • 1mb (excluding video)

โš ๏ธ Ensure all assets are compressed and optimised before delivery for the best performance โ€“ tinypng.com is your friend!

Please note: if youโ€™re running this as part of a full takeover, speak to your sales planner for details on any additional formats required, and see Standard display for individual ad unit specifications.

All advertisements are subject to approval prior to the start of the campaign. Immediate Media reserves the right to refuse any advertisements that do not comply with the specifications outlined in this document.