Sportsbook Template. Web3 White-Label UI/UX.
Services
Information Architecture
UX Design
UI Design
Design System
Component Library
Localization Design
Design Ops
Developer Handoff
Deliverables
Design System
Component Library
Figma Source Files
UX Audit Report
Interactive Prototype
High-Fidelity Mockups
Technical Documentation
Engagement
Azuro Sportsbook Templates is a customisable template system for launching betting products on the Azuro protocol.
We designed it as a customisable sportsbook template system, covering layout variants, component logic, and a strong token system in one protocol-based launch framework. Operators needed to adapt betting products without redesigning from scratch – and the template system now supports fast, controlled customisation across launches.
Template System in Different Brand Colors
A customisable sportsbook template system for the Azuro protocol, shown here in different brand colorways across web and mobile. The same odds, tracker, and betslip logic carries over unchanged.
Color Token System for Brand Skins
Color tokens for iGaming and Web3 sportsbook brands: a brand scale plus green, red, pink, and yellow accents. Four background levels plus overlay support both light and dark operator skins.
Typography Scale for Sportsbook UI
An Inter-based type scale with H1–H3 headings and bold and semibold captions is reused across every brand variant. The same leagues and events list stays legible in different skins.
Match Stats and Combo Betslip States
The right-hand panel pairs a live stats tracker with a betslip that toggles between single bets and multi-leg combos. Bettors can also place from another chain, or see a prompt when the betslip is empty.
Main Navigation and Top Events Feed
The sportsbook template's home screen: a sidebar listing every league and sport, a Top Events carousel, and a Latest big bets feed. Desktop and mobile share the same information architecture.
Football Page and Odds Formats
A sport-specific landing page for football, with a promo banner, league filters, and an odds format switch. The same layout template also powers non-sport "Unique Events" markets, from election odds to weather.
Search Results by Sport and League
Search results grouped by vertical, with each entry showing the league and a direct link to all markets. The same modal adapts to mobile.
Bet Slip and Bet History Tabs
A two-tab layout separates the active betslip from bet history. Each ticket shows its number, timestamp, and status – Accepted or Live – with single and combo bets displayed differently.
Bet Details Modal for Combo Tickets
Every leg of a combo ticket gets its own row – match, market, outcome, and odds, with a live indicator where relevant. A totals row confirms combined odds, stake, and possible win.
In-Play Markets and Live Score Tracker
This customisable sportsbook template system's live event screen pairs a real-time score and timeline with markets like double chance and both teams to score at several handicaps. Bettors act from the same panel on desktop or mobile.
Live Stats and Video Stream Toggle
A single toggle switches the event panel between live statistics and an embedded video stream, so bettors keep the odds list visible either way. Same layout on desktop and mobile.
Picture-in-Picture Video While Browsing
A floating video keeps a match clip playing while bettors browse other tabs or markets. The betslip stays visible next to it, on both desktop and mobile.
Multi-Sport Streams in the Sidebar
The same right-panel stream slot works across sports – each paired with its own betslip. A pitch-view lineup and match timeline are available on mobile too.
Period Timeline for Every Sport Format
One timeline component adapts to each sport's own period structure – with event markers synced to the live score.
Wallet Profile and Bet-Status Filters
A wallet-based profile – username, truncated address, a link to the block explorer – anchors the bet history, filtered by status with live counts. A cash-out modal shows the offer amount and a countdown before it expires.
Original Stake vs. Cash-Out Amount
A dedicated Cashed-Out tab lists every early-settled ticket with the original stake next to the cash-out amount. Single and combo bets use the same row structure.
Non-Custodial Wallet Connection Options
Wallet connection buttons sit alongside social and email logins, since Azuro protocol bets settle on-chain. A promo code field is built into the same connect-wallet modal.
Sign, Deposit, and Welcome Sequence
New users sign the Terms and Betting Rules with their wallet, then land on a welcome screen showing their deposit address and a 3-step guide. A follow-up modal walks users through the deposit process.
Freebet Bonus Popup in xDAI
A freebet notification modal announces the reward amount in xDAI and its expiry date, so bettors know the bonus is ready to use directly in the betslip. Same layout on desktop and mobile.
Bonus Selection Modal with Terms
Bettors pick from a list of deposit bonuses, each shown as a multiplier in xDAI, then see its type, amount, minimum odds, and expiry before applying it. A simpler list variant covers denser mobile skins.
If you need to launch multiple betting products fast – white-label, multi-brand, or protocol-based – a token-driven template system beats redesigning each one. Ask us how it scales.
Ready to start your own project?
