电竞博彩平台原子设计系统

Atomic Design System Built for Precision and Scale

Crafted with an Atomic Design philosophy, the system evolves from simple atoms to complex interface structures, creating a coherent and highly reusable component ecosystem.

The Tournaments page supports multiple tournaments running in parallel.

On web, all ongoing tournaments are accessible without extra clicks. A set of tabs/widgets on the right displays all tournaments, allowing instant switching. The first tournament is opened by default on initial load.

On mobile, users first see a list of all tournaments. Selecting a tournament opens its dedicated page.

The Single Event Page

The Single Event page is multifunctional, its body includes event details with the main market, tab filters for easy market navigation, and two-column market widgets to display more options at once.All market groups can be collapsed or expanded for a cleaner, more organized experience.

On web, the right side of the Single Event page displays the live stream, with team and player stats below it. As users scroll through the stats, the live stream stays fixed for uninterrupted viewing.

Theme Customization

When the user clicks the Settings button, a modal opens where they can simultaneously adjust their preferred odd type, time format, language, and choose a theme from the available presets.

Selecting a theme opens a preview mode, allowing the user to see the appearance before applying it.Once the user clicks Save, all changes are stored and applied across the interface.