Body Modules
Nine reusable page sections built from shadcn primitives — skinned with CPSL design tokens. Drop these below any hero to assemble a complete page.
1 — League Stats Bar
Full-width counter strip. Barlow Condensed numbers command attention. Sits naturally directly below a hero.
2 — Feature Highlights
Three-column Card grid. Icon → title → description. Use for value props, league benefits, or platform features.
3 — Results & Fixtures (Tabs)
Tabs switching between recent results and upcoming fixtures.
Charlotte FC · 2025–26
Premiership4 — Standings Table
shadcn Table skinned with CPSL tokens. Leader row highlighted in primary blue. Points in bold blue.
| # | Club | P | W | D | L | Pts |
|---|---|---|---|---|---|---|
| 1 | CF Charlotte FCCFA | 18 | 14 | 2 | 2 | 44 |
| 2 | RL Raleigh AthleticRLH | 18 | 11 | 4 | 3 | 37 |
| 3 | DU Durham UnitedDUR | 18 | 10 | 3 | 5 | 33 |
| 4 | TF Triangle FCTFC | 18 | 8 | 5 | 5 | 29 |
| 5 | GF Greensboro FCGFC | 18 | 6 | 3 | 9 | 21 |
| 6 | WS Winston-Salem SCWSS | 18 | 2 | 1 | 15 | 7 |
4b — MLS-Style Standings (Conference Tabs)
Full-bleed dark standings block with 8 conference tabs. Barlow Condensed headlines — gold for PTS, crimson for negative GD. First-place row marked with a 3px gold left border. Drop directly below a Hero-slim section header.
5 — Club Directory
Card grid with Avatar initials crest, club name, city, and tier Badge.
Charlotte, NC
Raleigh, NC
Durham, NC
Cary, NC
Greensboro, NC
Winston-Salem, NC
6 — News & Stories
Three-column article Card grid. Category Badge, date, headline, excerpt, and read-more link.
7 — Player Spotlight
Featured player Card with large Avatar, season stats, and shadcn Progress bars.
8 — CTA Banner
Five background variants — cream (default), white, surface, navy, gold. Matches the ContentSectionCentered background token set.
REGISTER YOUR CLUB
BEFORE APRIL 30
Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.
REGISTER YOUR CLUB
BEFORE APRIL 30
Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.
REGISTER YOUR CLUB
BEFORE APRIL 30
Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.
REGISTER YOUR CLUB
BEFORE APRIL 30
Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.
REGISTER YOUR CLUB
BEFORE APRIL 30
Applications for the 2025–26 CPSL Premiership and Development League are now open. Secure your spot for next season before the deadline closes.
9 — Skeleton Loading State
shadcn Skeleton shimmer applied to a card grid and table rows.
10 — Content Section: Centered
Full-width centered section. Eyebrow label, display heading, optional image (below heading), lead paragraph, divider, body copy. columns: 1 single column; 2 (default) two columns at lg. Background variants: "white", "cream", "surface", "navy", "gold".
About the League
Competitive Soccer Across the Carolinas
From the Piedmont to the coast, CPSL brings together the best clubs in North and South Carolina under one banner — raising the standard for competitive soccer at every level.
The Carolina Premier Soccer League was founded to elevate competitive youth and amateur soccer across North Carolina and South Carolina. Our league spans the state border — a boundary that unites rather than divides — and serves clubs from Charlotte to Raleigh, Greensboro to the coast.
With tiered divisions — Premier, Elite, and Academy — CPSL provides a development pathway for players at every stage. Our promotion and relegation structure rewards ambition and ensures every match carries weight throughout the full season.
CPSL partners with US Soccer and regional federations to deliver certified officiating, standardized pitch standards, and transparent standings. Teams gain access to stat tracking, live scoring, and digital match reports through the CPSL platform.
From pre-season tournaments to end-of-season championships, the CPSL calendar is built around the player experience. We believe competitive soccer should be accessible, professionally run, and celebrated by the communities it represents.
About the League
Competitive Soccer Across the Carolinas
From the Piedmont to the coast, CPSL brings together the best clubs in North and South Carolina under one banner — raising the standard for competitive soccer at every level.
The Carolina Premier Soccer League was founded to elevate competitive youth and amateur soccer across North Carolina and South Carolina. Our league spans the state border — a boundary that unites rather than divides — and serves clubs from Charlotte to Raleigh, Greensboro to the coast.
With tiered divisions — Premier, Elite, and Academy — CPSL provides a development pathway for players at every stage. Our promotion and relegation structure rewards ambition and ensures every match carries weight throughout the full season.
CPSL partners with US Soccer and regional federations to deliver certified officiating, standardized pitch standards, and transparent standings. Teams gain access to stat tracking, live scoring, and digital match reports through the CPSL platform.
From pre-season tournaments to end-of-season championships, the CPSL calendar is built around the player experience. We believe competitive soccer should be accessible, professionally run, and celebrated by the communities it represents.
About the League
Competitive Soccer Across the Carolinas
From the Piedmont to the coast, CPSL brings together the best clubs in North and South Carolina under one banner — raising the standard for competitive soccer at every level.
The Carolina Premier Soccer League was founded to elevate competitive youth and amateur soccer across North Carolina and South Carolina. Our league spans the state border — a boundary that unites rather than divides — and serves clubs from Charlotte to Raleigh, Greensboro to the coast.
With tiered divisions — Premier, Elite, and Academy — CPSL provides a development pathway for players at every stage. Our promotion and relegation structure rewards ambition and ensures every match carries weight throughout the full season.
CPSL partners with US Soccer and regional federations to deliver certified officiating, standardized pitch standards, and transparent standings. Teams gain access to stat tracking, live scoring, and digital match reports through the CPSL platform.
From pre-season tournaments to end-of-season championships, the CPSL calendar is built around the player experience. We believe competitive soccer should be accessible, professionally run, and celebrated by the communities it represents.
About the League
Competitive Soccer Across the Carolinas
From the Piedmont to the coast, CPSL brings together the best clubs in North and South Carolina under one banner — raising the standard for competitive soccer at every level.
The Carolina Premier Soccer League was founded to elevate competitive youth and amateur soccer across North Carolina and South Carolina. Our league spans the state border — a boundary that unites rather than divides — and serves clubs from Charlotte to Raleigh, Greensboro to the coast.
With tiered divisions — Premier, Elite, and Academy — CPSL provides a development pathway for players at every stage. Our promotion and relegation structure rewards ambition and ensures every match carries weight throughout the full season.
CPSL partners with US Soccer and regional federations to deliver certified officiating, standardized pitch standards, and transparent standings. Teams gain access to stat tracking, live scoring, and digital match reports through the CPSL platform.
From pre-season tournaments to end-of-season championships, the CPSL calendar is built around the player experience. We believe competitive soccer should be accessible, professionally run, and celebrated by the communities it represents.
About the League
Competitive Soccer Across the Carolinas
From the Piedmont to the coast, CPSL brings together the best clubs in North and South Carolina under one banner — raising the standard for competitive soccer at every level.
The Carolina Premier Soccer League was founded to elevate competitive youth and amateur soccer across North Carolina and South Carolina. Our league spans the state border — a boundary that unites rather than divides — and serves clubs from Charlotte to Raleigh, Greensboro to the coast.
With tiered divisions — Premier, Elite, and Academy — CPSL provides a development pathway for players at every stage. Our promotion and relegation structure rewards ambition and ensures every match carries weight throughout the full season.
CPSL partners with US Soccer and regional federations to deliver certified officiating, standardized pitch standards, and transparent standings. Teams gain access to stat tracking, live scoring, and digital match reports through the CPSL platform.
From pre-season tournaments to end-of-season championships, the CPSL calendar is built around the player experience. We believe competitive soccer should be accessible, professionally run, and celebrated by the communities it represents.
11 — Matchday
Conference-scoped matchday view. Dropdown selects the active conference — scores default to 0-0 for upcoming fixtures. Live matches surface a red accent bar and a LIVE badge in the toolbar. Designed to hold 20-40 cards per conference with flex-wrap.