Footer
Display
The Desktop Footer is a premium expandable unit that spans the entire width of a browser window, perfect for branding and awareness content through connected storytelling. When expanded, the footer takes up exactly 25% of the height of the browser window.
Best Practices
Messaging Structure
We suggest messaging that leads the user to click on the pre-expanded standard banner, teasing the user to more messaging in the expanded state.
This can also come across in the CTAs with a “Click/Hover to Expand” CTA on the pre-expanded state and a “Learn More/Shop Now/Etc” CTA on the expanded state.
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
We recommend a CTA with no more than 20 characters and to keep the CTA visible at all times so the user is encouraged to click through.
Resizing
The easiest size to resize from is a 970×250 PSD.
Design Specs
| Retina Dimensions Pre-Expanded | 2880×180 |
| Retina Dimensions Expanded | 2880×800 |
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 | Desktop |
| File Type | HTML5 |
| Initial File Size | 250kb |
| Max File Size | 2.2mb |
| Animation | 30s max |
| Loops | 3 max |
| Frame Rate | 24 fps |
