Design Lab

Component Library

Reusable UI components built for The Sixth Man. Copy patterns, not code.

Buttons

Accent border style inspired by DraftKings — fill + 2px accent border + subtle glow.

Sizes

Player Cards

NBA 2K-style circular rating badge with ESPN-style stat bars. Supports multiple variants.

Standard

L. James

Starter

SF·LAL

25.7PTS

7.3REB

8.1AST

Injured

G. Vincent

PG·LAL

8.2PTS

2.1REB

3.5AST

Compact

A. Reaves

Game Score Cards

Displays for game scores — standard cards for schedule/results, gym scoreboard for game day.

Scheduled

Tonight7:30 PM

BOS38-12

0-0

LAL32-20

at LAL

Live

Q3 4:32

LIVE

GSW

82-78

LAL

at LAL

Final

Feb 16Final

MIA24-29

107-112

LAL32-20

at LAL

Gym Scoreboard (Game Day)

BOS

4:32

LIVE

LAL

Badges

Default

Secondary

Outline

Destructive

Starter

Active

OUT

Rating Badge Colors

NBA 2K-style conic gradients for overall ratings.

Elite

Star

Starter

Role Player

Loading

Fetching the latest manager state.