← Atlas · Topics: landing-pages, inspiration, typography-and-styles, motion
Marathon
- Type
- website
- Verdict
- Niche
- Licence
- Look only licence, not stated
not-statedThe promotional site is free to browse. No reuse licence for its copy, visuals or branding was stated at review; treat them as look-only. - Agent channels
- none
- Pricing
- free
- Reviewed
What it is
Marathon is Bungie's game launch site. Its homepage builds the brand through a full-bleed cinematic video, black navigation and oversized acid-lime lettering. A compact announcement panel overlays the footage with the release status, short premise and platform and purchase links.
When to open it
Open it for a high-impact game or entertainment launch page where the hero needs to feel like a world rather than a conventional product screenshot. The homepage is a useful single-page example of balancing a moving image with persistent navigation, purchase access and bold brand typography.
Most useful
- Full-screen hero: dark blue cinematic footage fills most of the viewport, while a lime panel anchors the launch message and platform marks along the lower edge.
- Brand rail: an oversized vertical wordmark occupies the right side, with tiny rotated labels and compact symbols that make the navigation feel like an in-world instrument panel.
- Top navigation: a black horizontal bar separates the logo, uppercase links, social icons and bright purchase button into clear groups.
- Type and colour: narrow, monospaced uppercase text gives the page a technical tone; acid lime against black makes the controls and message easy to spot.
Using it with agents
No published agent channel was found. Share the live page and ask an agent to describe the relationship between the video, fixed navigation, oversized side lettering and purchase panel. Use the page as a visual reference; its copy, imagery and identity are not licensed for reuse.
Watch out for
- The hero depends on cinematic video and can compete with the launch copy; keep essential information readable if motion is paused or unavailable.
- The narrow text and rotated rail are brand-specific choices. Preserve legibility and familiar navigation in a project with a different audience or device mix.
- The game has purchase links, but no game price was stated on the reviewed homepage. The promotional site itself is free to browse.
Reusable ideas
- Give one cinematic image or video most of the hero, then place concise product information on a strong, high-contrast panel.
- Keep the primary purchase action visible in navigation even when the hero is visually dense.
- Use a single loud brand colour to connect the wordmark, CTA and launch details across separate page regions.
- Let oversized type behave as part of the composition while keeping navigation labels compact and grouped.