Homepage Takeover

Full Wrap Takeover

A full-page branded “skin” that surrounds the site’s content column — a header banner spanning the top of the site’s Home Page, plus left and right rail panels that flank the content on either side, all sharing one background so the whole page reads as a single branded environment. It’s a premium, one-sponsor-at-a-time placement tied to a single GAM line item’s flight dates, and it only appears on wider desktop screens (roughly 1280px and up) — it steps aside entirely on tablet and mobile rather than trying to compress the layout. A single destination URL runs across all three panels, so the whole skin acts as one clickable unit.

How the panels seam together
LEFT
RAIL
450×1200
TOP HEADER  ·  2000 × 333
Site content column (max ~1280 px)
RIGHT
RAIL
450×1200

*Please note that in order to acccommodate mobile responsiveness, the Left and Right Rails will be hidden on mobile devices, and only the Top Header will appear on mobile screens.

Panel Specifications

Panel Size (px) Recommended visible area Alignment Max weight
Top header 2000 × 333 (6:1 ratio) Full width, above site header Center ≤ 300 KB
Left rail 450 × 1200 160 × 600 (upper inner strip) Right / top ≤ 150 KB
Right rail 450 × 1200 160 × 600 (upper inner strip) Left / top ≤ 150 KB

Shared Requirements & Seaming

Spec Detail
Shared background All three panels use the same navy (#0F2340) so the skin reads as one continuous wrap.
Seam / alignment Rails flank the centered content column; keep logo, headline & CTA within the inner 160×600 strip and top-aligned so nothing critical is cropped by wider content.
Top seam Top header spans full width above the site header at 6:1 and scales fluidly to the viewport.
Viewport Desktop only (≥ 1280px viewport), per the takeover plugin.
Format HTML5 .zip (animated) or static JPG/PNG. Supply a static backup image with each HTML5 unit.
Behavior Responsive — scales fluidly rather than cropping; author art at full size (or 2×) for crispness.
Required One shared destination URL across all three panels; include clickTag (HTML5) for click tracking.