Hang Time Display Specs
Required Assets
To ensure a smooth production process and timely launch, please provide all required creative assets listed within the Asset Pack Guidelines. Depending on the preferred approach, the creative may either be designed by GumGum’s in-house team or supplied by the brand/agency in accordance with our template and provided specifications below.
Template(s)
Using the file below is most suited for design layouts that are 100% bespoke and require highly customized animation.
Basic Info
Placement | Whole Screen |
Platform | Mobile |
Responsive | Yes |
Demo | |
Abbreviation | HT |
Size Limit | 500Kb |
Sizes
This creative can be displayed at fixed dimensions or it can be responsive. Its width and height are set to 100% of the window so it must layout correctly on all common mobile screen dimensions (from 320px to 480px wide and from 568px to 896px tall).
Main Content Area | Safe Area (most important elements) |
Whole of device screen - 100% | Side Margins |
These sizes represent the dimensions for the unit in a web browser! In order for creative to display crisp on modern mobile and desktop devices all creative should be designed at twice the sizes listed above!
Animation
Animation occurs on scroll, so the playback speed is dependent on the user's scroll rate.
Best practice is to avoid overly complex animations with more like 2-3 "events" to prevent playback from being too fast for users scrolling at normal rates.
Additional Details
The Hang Time is positioned inline and integrates with flow of the website. As the user scrolls, the ad will dynamically reveal itself, appearing ‘under’ the content. Continued scrolling will slide the ad back out of view.
This unit can feature a video component, with subtle animation. The video will autoplay but is not controlled by scroll interaction.
The skip button is always positioned in the top right corner and it is NOT customizable.
Only the color of the progress bar is customizable, with supplied HEX code.
Include a backup image or "fallback banner" which are crucial elements in website advertising, providing a contingency plan for publishers when primary ads fail to display in a timely fashion.
Fallback Banner (Mobile) | Fallback Banner (Desktop) |
300 x 250 static/animated image | 300 x 600 static/animated image |