Mobile Skin 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.
Standard Build |
For faster turnaround times, please request an express template which offers pre-set animations and fixed design layouts optimized for efficiency, consistency, and ease of use.
Basic Info
Placement | Bottom to Whole Screen |
Platform | Mobile |
Responsive | Yes |
Demo | |
Abbreviation | MSK |
Size Limit | 2.5 MB |
Sizes
This unit consists of 2 required panels, main and bottom. On load, the bottom panel will appear, fixed to the bottom of the screen, occupying 15% of the screen height.
All the panels are responsive, with their widths set to 100% of the window. They must layout correctly on all common mobile screen dimensions (from 320px to 480px wide and from 568px to 896px tall).
Initial Footer (Bottom) | Main | Final Footer (Bottom) |
100% x 15% | Whole of device screen | 100% x 15% |
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
Can be mostly static or animated
Up to 6 seconds of animation supported
When adding interactive features, we recommend 2-3 seconds of animation on creative load as best practice.
Additional Details
After scrolling the website, the bottom panel will slide away and the main panel will move seamlessly into view to dynamically occupy the whole screen. Continued scrolling will slide the main panel out of view, until finally the bottom panel comes into view again.
Different assets can be used across the different panels. There is a JavaScript function to indicate if the bottom panel is showing before or after the main panel.
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 Sizing | 300 x 600 |