Champions
O2 Champions: 4 design prototypes
The same website in four design directions. Every prototype has the same pages, content and rules; only the design differs. Pick one to explore.
All data is mocked. To see a member's points, use the email demo@champion.dev.
Prototype 1
OpenObserve style
Light and clean, matching openobserve.ai: indigo brand colour, soft cards, split hero and a podium leaderboard.
Open prototype →
Prototype 2
Bento
Bold and playful: thick outlines, flat bright colours, a mosaic of mixed-size tiles, and a bar-race leaderboard.
Open prototype →
Prototype 3
Console
A dark developer-tool look: sidebar app layout, terminal hero, live log stream, data tables and a JSON preview.
Open prototype →
Prototype 4
Editorial
A magazine layout: centred masthead, cover-style headline, a lookbook shop and a ranked "List" leaderboard.
Open prototype →