Mobile Skin
Display

The Mobile Skin is a premium mobile-only experience with three distinct canvas elements to deliver an engaging brand narrative throughout the user’s time on the page. The scrolling creative allows the brand multiple touch points for delivering their message to the end user.
Best Practices
Copy
We suggest using as little text as possible to allow your branding and imagery to shine. Keep copy as close to the following suggestions:
- Headline (100 characters)
- Additional copy (100 characters)
If you would like to include more text than suggested, consider animating to break up the content and allow the user to process smaller pieces of information, always ending with the CTA.
CTA
CTA Messaging suggestions by canvas:
- Teaser Canvas
- We suggest a CTA message that leads the user to click on the teaser state or leads the user to scroll for more brand content.
- Examples: “Learn more” “Tap to See More”
- We recommend placing only a headline and CTA on initial Teaser canvas.
- Full Screen Canvas
- We suggest a CTA message that leads the user to click out to site.
- Examples: “Shop Now” “Learn More” “Find a Location”
- Bumper Canvas
- We suggest a CTA message that leads the user to click out to site.
- Examples: “Shop Now” “Learn More” “Find a Location”
Resizing
The easiest size to resize from is a 300×600 standard banner PSD.
Design Specs
Retina Dimensions Teaser | 700×700 |
Retina Dimensions Full Screen | 750×1333 |
Retina Dimensions Bumper | 700×200 |
Design Assets
Existing Media Files | .psd or .ai |
Fonts | .otf or .ttf |
Logos | .png, .jpg, .psd or .ai |
Images | .png, .jpg, .psd or .tiff |
Animation | storyboard, existing html5, or written concept |
Ad Server Specs
Environment | Mobile Web |
File Type | HTML5 |
Initial File Size | 250kb |
Max File Size | 2.2mb |
Animation | 30s max |
Loops | 3 max |
Frame Rate | 24 fps |