Web3 Card Betting Game on Solana

Elevens

Web3GamingSolanaBettingCard Game

A Web3 card betting game on Solana with custom illustrated court cards, chip-based SOL wagering, leaderboards, and provably fair gameplay across both on-chain and server modes.

Welcome Experience

Branding & Entry Points

Players are welcomed with the bold ELEVENS branding and prompted to connect their Solana wallet. The interface features the WAGIES studio branding with version info and network status display.

Elevens Welcome Screen
Elevens Welcome with Version
Elevens Branding & Colors
Elevens Welcome Desktop
Welcome ModalWAGIES studio branding with ELEVENS title
Wallet ConnectPurple CTA button with wallet icon
Version InfoNetwork status and app version display
Color PaletteBlack, purple, gold, green, red accents
Onboarding

Disclaimer & Game Mode Selection

Age verification ensures compliance before gameplay. Players then choose between Solana blockchain (slower, fully on-chain) or Bejoe servers (faster) - both modes are provably fair with random card generation.

Disclaimer Desktop
Game Mode Selection Desktop
Disclaimer Mobile
Game Mode Selection Mobile
Age Verification18+ disclaimer with START confirmation
Blockchain ModeCards generated on Solana, slower but fully on-chain
Server ModeFaster gameplay with Bejoe servers, toggle speed feature
Online StatusGreen indicator shows network availability
Betting System

Chip Selection & Wagering

Players select colorful poker chips (0.25, 0.5, 1, 5, 10 SOL) to place bets. Chips can be dragged to the betting area, with real-time bet amount display and gold DEAL button to start gameplay.

Betting Interface Desktop
Chip Selection
Bet Confirmation
Betting Mobile
0.25 SOLGold chip for small bets
0.5 SOLRed chip for medium bets
1 SOLGreen chip standard
5 SOLGray chip high stakes
10 SOLPurple chip maximum
Gameplay

Card Game Mechanics

Players compete to reach 11 points without going over. Custom illustrated court cards (Kings, Queens, Jacks) with unique character designs. HIT to draw cards, STAY to hold position, with real-time score tracking.

Active Gameplay
Pay Day Special Card
Deck Ready State
HIT ButtonRed button to draw another card
STAY ButtonGreen button to hold position
Score CounterYellow badge showing 0/11 progress
PAY DAY CardSpecial W card for bonus payouts
Card Design

Custom Illustrated Court Cards

The "Courts of Wagies" features unique illustrated characters for all face cards. Red cards (Hearts, Diamonds) have red backgrounds, while black cards (Spades, Clubs) have dark backgrounds - all with purple borders.

Courts of Wagies - All Court Cards
Red KingsHearts & Diamonds kings with red backgrounds
Red QueensHearts & Diamonds queens with royal attire
Red JacksHearts & Diamonds jacks with warrior designs
Black KingsSpades & Clubs kings with dark backgrounds
Black QueensSpades & Clubs queens with elegant styles
Black JacksSpades & Clubs jacks with unique characters
Results

Win States & Outcomes

Bold typography celebrates victories with gold "YOU WON!" text. Players can quickly start a new game with the purple START button to continue playing.

Win State Desktop
Win TypographyLarge gold YOU WON! with bold styling
Play AgainPurple START button for quick rematch
Balance UpdateWinnings automatically credited to wallet
Tracking

Game History & Leaderboard

Complete game history with status badges (ONGOING/TIE/LOSS/WIN), bet values, and balance tracking. The leaderboard displays top players with trophy podium, wallet addresses, best scores, and SOL rewards.

Game History Desktop
Leaderboard
Game History Mobile
Status BadgesYellow ONGOING, Orange TIE, Red LOSS, Green WIN
Wallet DisplayConnected wallet address shown in header
Trophy PodiumGold/silver/bronze cards for top 3 players
RewardsSOL amounts displayed for each ranking
Design System

Visual Language & Components

BackgroundPure black (#000000) with purple card grid
PrimaryDeep indigo (#1a1a2e) for panels and cards
AccentPurple (#6b46c1) for buttons and highlights
GoldAmber (#d4a017) for DEAL button and wins
Poker ChipsGold (0.25), Red (0.5), Green (1), Gray (5), Purple (10)
Card BacksPurple gradient with rounded corners
Bet AmountGold border box with yellow BET AMOUNT label
Action ButtonsRed HIT, Green STAY, Purple secondary
Status BadgesColored pills for game state indicators
Error ToastDark red with warning icon and X dismiss
Designed bySadra Targhi
elevens web3 game case study