About Overwatch (2016)
Overwatch dressed a competitive shooter in the most optimistic UI the genre had ever worn — a bright, near-future world where the interface is sunny, clean, and hopeful instead of gritty brown-grey. The system runs on white space, a single hot orange, and the hexagon: chamfered hex badges, angled payload stripes, and crisp condensed display type stacked like a scoreboard.
It reads like Apple retail meets sports broadcast graphics meets Pixar-clean sci-fi. Every screen feels like a hero-select: white gaps between hex tiles, orange call-to-action pips, and clean diagonal energy racing across banners. The aesthetic says the future is worth fighting for — and it's blindingly bright.
- Origin
- Irvine, California, USA
- Era
- 2016 (launch May 24, 2016; visual identity developed 2014–2016)
- Key figures
- Jeff Kaplan · Arnold Tsang · Bill Petras · Michael Chu · Hong SoonSang
- Movements
- near-future optimistic sci-fi · hero-shooter UI design · e-sports broadcast graphics
Overwatch (2016) design spec
Colors
Typography
The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.
Sign up nowStyles similar to Overwatch (2016)
Also inspired by film, games & music, with a close feel.