In-Screen Expandable Specs
Template(s)
Using the file below is most suited for design layouts that are 100% bespoke and require highly customized animation. If a designer is new to our products, we recommend reviewing our Ad Framework in order to get a deep dive into the anatomy of a GumGum ad.
Standard Build | GG-Template_2023_ISX.zip or download from Dropbox. |
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 of Browser Viewport (Adhesion) |
Platform | Cross Platform |
Responsive | Yes |
Demo | |
Abbreviation | ISX |
Size Limit | 1,000kb |
Sizes
COLLAPSED
Breakpoint | Width | Main Height |
Desktop | 600px | 80px |
Mobile | 300px | 80px |
EXPANDED
Breakpoint | Width | Main Height |
Desktop | 600px | 200px |
Mobile | 300px | 200px |
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
- Up to 6 seconds of animation supported
- 1-2 seconds for "Intro" Animation
- Can be up to 2-4 seconds for "Expand" Animation
Additional Details
- For responsive units, please supply the order in which elements should drop off for smaller ad sizes
- Functionality
- Desktop unit is hover to expand
- Mobile unit is swipe to expand
- The creative is always built at 2x scale for Retina Display
- One element can be up to 200px high collapsed and 400px high expanded (mockups) or 100px high collapsed and 200px high expanded (rendered)
- Tile height is 120px high collapsed and less than 400px high expanded (mockups) or 60px high collapsed and less than 200px high expanded (rendered)
- Designers can utilize space on either side of the 600px "main content area" to add ornamentation.
- Up to 200px on either side of the 600px space can have additional design elements, flourishes, etc
- Cannot be anything that is vital to the ad - no messaging, logos, etc because as the unit width shrinks these elements will start to be partially cropped out.