Sportzone · Front-end concepts

Six directions for league & tournament sites

All six run on the same data model and the same component library. The concepts differ in design language and default layout. Open any of them and use Customize site (bottom right) to see the admin options: theme, accent, type, corners, header, scores ribbon, hero mode, sponsor placements, and drag-to-order home modules.

Lynx 2, Arrows 3

A · Broadcast

Dark, TV-graphics feel (NHL / NBA). Compact score strip, an automatic data-driven hero, condensed caps and glowing accents.

DarkCompact ribbonAuto heroSponsor-presented modules
Showcase Weekend brings 40 scouts

B · Rinkside

Light, rounded and airy (MLS-style), building on your score_concepts ribbon. Floating score cards, a news carousel and a title-sponsor band.

LightCard ribbonNews carouselPill navigation
Today's games

C · Clubhouse

Bold editorial poster style (CBL-style). Crest-centred header, a ticker ribbon and no hero: game day leads the home page. Sponsors are built into the header, ribbon and footer.

Paper / inkTicker ribbonNo heroSponsor-forward
Lynx 2, Arrows 3

D · Glacier

Cool and modern, like a sports app. Frosted-glass panels over a slow aurora gradient, a floating capsule header and geometric type (Sora).

Light / glassFloating headerAuto heroPill tabs
Showcase Weekend brings 40 scouts

E · Heritage

Classic hockey tradition for established leagues and tournaments. Cream paper, navy and barn red, slab-serif type, pinstripes, and a scores ribbon styled like an old arena scoreboard.

Cream / navyScoreboard ribbonCrest headerNews carousel
Lynx 2, Arrows 3

F · Velocity

High-energy and motion-forward, like NFL and NBA promo graphics. Black and electric orange on white, heavy italic type, slanted buttons and tabs, cut-corner cards and speed lines.

White / black / orangeSlanted ribbonAuto heroItalic type

Pages in every concept

  • Home: modular; admin picks, orders and places sections.
  • Scoreboard: date strip, live/upcoming/final filter.
  • Schedule: team, month and status filters, plus calendar and export.
  • Standings: division/league view; standard, home/away and special-teams column sets.
  • Stats & leaders: skaters, goalies and special teams.
  • Team page: overview, roster, schedule and stats.
  • Player page: overview/career, game log and splits.
  • Game summary: summary, box score, team stats and an auto recap.
  • Game preview: tale of the tape, season series and players to watch.
  • User-created page: CMS blocks, for example About the League.

Ideas worth discussing

  • Auto hero: the home page fills itself with live games, auto-written recaps, next marquee games and the scoring race, so it never looks stale when nobody posts news.
  • Auto recaps: every final generates a headline and summary from the game sheet, which staff can edit.
  • Sponsor inventory: slots can be sold, e.g. "Scores presented by", "Leaders presented by", title sponsor in the header, a footer strip and a sponsor wall.
  • Live everywhere: live state in the ribbon, game cards, hero and game centre.