Demo

Blackjack

A betting table: chips, bet circles, the dealer's hole card, and a count against every hand. The cards are the same element a board draws and the hands are fanned by the same stylesheet; the chips and the felt are new, and are what this page is for.

The table

Dealer at the top with one card down, players along the bottom, each with their bet in front of them.

Blackjack pays 3 to 2 · dealer stands on all 17Minimum $5 · Maximum $500
Dealer · shows 10
Blackjack
100
AdaWaiting$1,240
pays 3 to 2
16
25
YouyouPlaying$625
to hit or stand
24
5
BoWaiting$80
bust
-
bet
OpenWaitingseat free

Chips

Casino denominations, so a player who has seen a chip before already knows what a red one is worth. Drawn as SVG because the edge spots are what make a disc read as a chip.

1
$1#f8fafc
5
$5#dc2626
25
$25#16a34a
100
$100#171717
500
$500#7c3aed

Bets

An amount is broken into the fewest chips that make it, largest first - the way a dealer would push it across. A bet drawn as one number is a label; drawn as chips it is a bet.

5
$5
25
$25
25555
$40
100255
$130
500100252525
$675

The bet circle

Drawn whether or not there is anything in it: it is the thing you put a bet in, so an empty one still has to be there to be clicked.

bet
Emptyminimum not met, or not yet placed
252525
Placedsolid ring, accent border

What a hand counts

Blackjack is decided by a number, so the number is on screen from the second card onwards rather than left to be worked out.

Blackjack
Blackjackace and a ten, first two cards
Soft 17
Soft totalan ace counting eleven
16
Hard totalno ace, or an ace counting one
24
Bustover 21, hand is over

The dealer's hole card

The one card in the game nobody may see, including the dealer. It is sent as a bare uuid the way any hidden card is, so the browser could not show it even if it wanted to.

During the roundupcard and hole card
19
On the turnhole card revealed, dealer draws to 17

Actions

The same classes GameBar uses. Which of them appear is the game's business - double and split only exist on the first two cards - but they should never look different from any other game's controls.

Hit
Hit
Stand
Stand
Double
Doublefirst two cards only
Split
Splita pair only
Surrender
Surrendergives up half the bet

Colours

The table is darker than the page felt so the playing area reads as bounded.

Table, centre#0a7a35laid table
Table, edge#03411claid table
Bet placed#a3e635bet circle border
Good#bef264blackjack, a winning count
Bust#fca5a5over 21
$1 chip#f8fafcwhite
$5 chip#dc2626red
$25 chip#16a34agreen
$100 chip#171717black
$500 chip#7c3aedpurple

Measurements

Bet circle
5.5rem
Chip, at a bet
34px
Chip, on its own
44px
Chip overlap in a stack
55% of chip width
Chip edge spots
6
Fanned hand, step per card
55% of card width
Fanned pile, step per card
18% of card width
Table radius
1.25rem