Topscroll
The ad that opens the page. It sits at the top, fills 70–90% of the screen and pushes the content down, so it is the first thing every reader sees.
PlacementTop of page
SizeResponsive
DevicesMobile, tablet, desktop
Topscroll specs
Two assets, one build. Station adapts the ad to every screen and gives you the tags.
| Format | Topscroll |
|---|---|
| Devices | Mobile, tablet, laptop |
| Dimensions | Responsive, 70–90% of screen height |
| File types | .mp4 .mov .webp .webm .svg .jpg .png |
| Landscape asset | 1920×1080 · safe area 1400×620 |
| Portrait asset | 1080×1920 · safe area 940×1240 |
| Square asset | 1080×1080 · safe area 640×700 |
1400×620
Landscape1920×1080
940×1240
Portrait1080×1920
640×700
Square1080×1080
Designing the assets
- Make two assets. A 1080×1920 (or 1080×1080) video or image for mobile and portrait, and a 1920×1080 one for desktop and landscape.
- Keep logo, text and CTA in the safe area. 940×1240 for portrait, 640×700 for square and 1400×620 for landscape.
- Use an overlay for crisp text. Upload a clean background and add text, logo and CTA as an SVG or PNG overlay in Station, in the same sizes and safe areas. Handy for many versions of the same ad.
- Off by a little? Fine. Station has scaling and alignment options when an asset doesn't quite fit the safe areas. Some publishers use their own safe areas, so check with them first.
Topscroll FAQ
What is a topscroll ad?
A high impact format at the very top of a page. It fills most of the screen when the page loads and pushes the editorial content down; as the reader scrolls, the content moves up over it.
How tall is a topscroll?
It is responsive. Most publishers show it at 70–90% of the screen height, so you deliver landscape and portrait assets and Station fits them to every screen.
Can I run it on mobile or desktop only?
Yes. Produce for one of them and you get a set of ad tags for that device only.