Skip to content
C
W
O
R
D
S

Design system

theme
Tile · variants × sizes
A
A
A
paper
A
A
A
ink
A
A
A
empty
A
A
A
chain
A
A
A
soft
A
A
A
ghost
A
A
A
gold
A
A
A
danger
Btn · variants × sizes
primary · sm / md / lg · press for translateY(1px)
accent · sm / md / lg · press for translateY(1px)
secondary · sm / md / lg · press for translateY(1px)
ghost · sm / md / lg · press for translateY(1px)
danger · sm / md / lg · press for translateY(1px)
Avatar
M
idle
J
active halo
Lives
2/2
1/2
0/2
3/3
2/5
Panel · SectionLabel · Kbd
panel + section label

A padded card on --panel with a hairline border.

press enter to submit · esc to clear
Segment · read-only & controlled
Lives (read-only)
Time per turn · 8s
PlayerCard
M
Mayahost
● ready
Y
You (you)
● ready
B
Bot Echobot
420
A
Ana
180
TimerRing
12.0
4.2
0.9
ChainList
M
Maya · 2.1s
A
S
K
J
Jules · 0.8s
K
N
O
W
A
Ana · 3.2s
W
O
R
K
Y
You · 1.5s
K
E
E
P
Wordmark
C
W
O
R
D
S
C
W
O
R
D
S
PodiumCell
J
Jules
2700 pts
M
Maya
1800 pts
A
Ana
3600 pts
StatCard
Longest word
KNOWLEDGE
by Maya · 9 letters
Most words
12
Player colors
player-1
player-2
player-3
player-4
player-5
player-6
player-7
player-8
Rank badges · all tiers
Bronze2Prata2Ouro2Platina2Diamante2Elite2Lenda2Surreal