Design system
Tokens and components from @fullcourt/design-tokens. Resize the window to see layouts change form.
Color
Semantic tokens. Swatches follow the current theme; values are listed for both.
canvas#f6f4f1 / #0e1116
surface#ffffff / #161a21
surface-muted#efece7 / #1f242d
border#d6d0c7 / #323946
text#1b1d22 / #eceef2
text-muted#545a68 / #a3a9b6
accent#c2410c / #f97316
accent-strong#9a3412 / #fb923c
on-accent#ffffff / #111317
accent-soft#fdebdd / #3a2416
on-accent-soft#7c2d12 / #fed7aa
focus#2563eb / #60a5fa
win#15803d / #4ade80
loss#b91c1c / #f87171
warning#8a5a00 / #facc15
danger#b91c1c / #f87171
Type
5xlFull Court48/52px
4xlFull Court36/40px
3xlFull Court30/36px
2xlFull Court24/32px
xlFull Court20/28px
lgFull Court18/28px
baseFull Court16/24px
smFull Court14/20px
xsFull Court12/16px
Buttons
Responsive table
Phones show key columns with short headers, tablets add more, desktops show all. The player column stays pinned.
| Player | PTSPoints | REBRebounds |
|---|---|---|
| Marcus Hale | 24.6 | 4.2 |
| Dion Okafor | 18.3 | 11.7 |
| Theo Lindqvist | 16.9 | 5.8 |
| Ray Castillo | 13.2 | 3.1 |
Win and loss
W 112–104L 98–101Injury: day-to-dayOver the cap
Sheet
Empty state
No leagues yet
Create your first league to get started.