Design system

As always, a lot of thought was put into the design system, puzzling over how to showcase the large amount of information in a way that's both organized and responsive. The color palette is carefully chosen to reflect the brand's personality, and the fonts are selected to be both attention-grabbing and easy to read.

grid & layout

Diagram showing a desktop layout with labeled sections, including a central area marked '600' and side areas marked '320'.

Diagram showing a mobile layout with four vertical sections, including dark blue central areas and light gray side areas.

colors & Typography

Gray background with a grid of black ellipses, each containing a small colored ellipse in various hues.

For headlines & creatives

Fivo Sans Modern

Medium

Bold

38 — 18

For interface

Inter

Medium

18 — 11

Semibold

24 — 13

Bold

24 — 13

smooth navigation
With slick sidebar

Collage of a desktop screen showing a sports betting app interface. The left side features a menu with sports categories like Football and E-sports. The right side displays sections for a bet slip, active contests, crypto betting, and step-by-step instructions on placing bets.

Mobile

The navigation is designed to work seamlessly on both desktop & mobile. On desktop, you'll find it in the sidebars and on mobile the multi-level menu from the hamburger icon adjusts to display the right content at the right level.

3d iconic
anonymity

We got creative with visuals as real-life photos were a no-go. The 3D icons gave a new dimension to the platform, elevating user avatars and banners. They give off an anonymous cyberworld vibe and add a dash of fun and comfort for younger users.  

Collage of 3D holographic icons with text overlays, showcasing '48 lovingly crafted icons' and 'super high-quality resolution'. The icons include a stylized cat face, a wallet, a popcorn container, a location pin, and a speaker-like object, all rendered in pastel holographic gradients against a dark background. This image highlights the design quality and variety of the icon set

Three-panel collage showcasing design principles for a set of 3D holographic icons. The left panel shows an icon with an isometric view and the text 'All icons share an isometric view'. The middle panel displays an icon with consistent design rules and the text 'Consistent design rules for all elements'. The right panel features abstract holographic shapes and the text 'Easily scalable elements'. The icons and shapes are rendered in pastel holographic gradients against a dark background, highlighting the cohesive design and scalability of the icon set.

Four-panel collage showcasing 3D holographic icons against a dark background. The icons represent a wallet with headphones, a game controller, a card with 'X' marks, and a wallet with a credit card. Each icon is rendered in pastel holographic gradients, highlighting the cohesive design and modern aesthetic of the icon set.

Collage showcasing a set of 3D holographic icons against a gray background. Each icon is rendered in pastel holographic gradients, highlighting the cohesive design and modern aesthetic of the icon set.

Betslip

Mega functional