← back to the gallery

Xbox: campaign carousel and asymmetric game-and-hardware promotion grid

Tier
inspiration
Roles
hero, shop, offer, feature, capability, closing, footer
Feel
dark, light, playful, depth
Motion
pan, reveal
Source
public-site
Site
https://xbox.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/b90965c0-960b-43cb-ae9d-b81e19781aae.mp4
both: https://xbox.com/

What it does

A wide game campaign with bright green actions sits above a row of outlined category icons. The page continues into an asymmetric grid mixing game artwork, subscription promotions, controllers and larger cinematic campaign panels.

Section roster

1. Game-campaign hero and carousel controls. 2. Category-icon navigation. 3. Asymmetric game and hardware grid. 4. Subscription promotion. 5. Large campaign panels. 6. Footer.

Why it works

The category row provides a clear route through a visually dense store gateway; alternating tile sizes preserve the scale of major campaigns while accommodating smaller hardware offers.

Source and capture notes

Refero [style page](https://styles.refero.design/style/3792d0ca-6c74-4667-a64d-76efe9f87076) and [recorded video](https://images.refero.design/styles/refero.design/video/b90965c0-960b-43cb-ae9d-b81e19781aae.mp4); [live site](https://xbox.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The recording contains earlier campaigns and localized promotion copy; the current page shows different games. Product-detail, cart and checkout flows were not reviewed.