Style Guide V2.0 · Components

Visual Design System

Live preview of the five V2 components. Toggle dark mode with the icon in the top right.

Buttons

Status badges

LiveCompletedUpcomingLeadingAdmin

Player avatars

DSJBMVTWRC

Stacked — tournament cards

DSJBMVTW+3

Form inputs

Tournament name

Golf course

Handicap index

Enter a decimal; plus-handicaps as +2.4

Phone

That number isn't long enough yet.

Leaderboard rows

#ΔTeamThruTodayTotal

1DSDavidson / SmithHandicap 12F-6-14

2JBJohnson / BrownHandicap 815-4-11

3MVMbeki / Van WykHandicap 1512-3-9

4TWThompson / WrightHandicap 189E-5

5RCRoberts / ClarkeHandicap 226+1+2