F

FieldHouse Screen Designs

Professional UI mockups for the High School Athletics Platform — built for secondary schools across Belize (NSSSA). Laravel 13 · Livewire 4 · Tailwind CSS 4. Navy & gold design system, Inter/Manrope type, light theme with dark navy shell.

Brand #0B1F3A Primary #1D4ED8 Accent #F59E0B Radius 16 / 10
01

Marketing Landing

Public site: hero, features, stats band, pricing, footer.

02

Login / Register / Invite

Split-panel auth with tabbed Sign in, Register, Accept invite.

03

School Onboarding Wizard

Three steps with live school-branding preview.

04

Dashboard

Hero stats, quick actions, upcoming meets, feed, season rail.

05

Athletes Directory

Filterable table with status badges and bulk actions.

06

Athlete Profile

Header card, sport field-value metrics, tabs, results.

07

Teams & Rosters

Position-grouped roster board with add-athlete panel.

08

Seasons

Timeline cards with status, progress, clone & archive.

09

Schedule / Calendar

Month grid with event chips and upcoming-meet list.

10

Meet Hub · Results Entry

Live meet with event sidebar, quick-entry grid, team scores.

11

Rankings & Leaderboards

Scope tabs, podium rows, trend indicators, badges.

12

Records Board

School / State / National records with NEW highlights.

13

Coach Dashboard

Teams, training plan, athlete progress, messages.

14

School Settings & Admin

Profile, users & roles, sport fields, billing, audit log.

15

Add Athlete

Sectioned form with dynamic sport fields, clearance, consent.

16

Import Athletes (CSV)

Three-step import: upload, column mapping, review & import.

17

New Sport

Catalog creation with field builder and live profile preview.

18

Meet Entries

Per-event entries with seeds, scratches, lanes, deadline.

19

Event Builder

Schedule events, rounds, scoring, and templates.

20

Meet Standings

Team score cards, live scoreboard, projected final.

21

Messages & Notifications

Inbox with threads plus notification center.

22

Reports

Department reporting, report library, scheduled digests.

23

Billing & Subscription

Plan, usage, payment method, invoices, district upsell.

24

Users & Roles

Staff, athletes, parents, pending invites, quick invite.

25

Audit Log

Immutable action trail with filters and export.

26

Training Log

Weekly attendance grid, session logging, summary.

27

QR Check-in

Meet-day check-in with rotating code and live feed.

28

NSSSA · Platform Overview

All schools & athletes at a glance with compliance alerts.

29

NSSSA · Schools Directory

Every member school with plan, activity, and status.

30

NSSSA · Athlete Registry

National registry with verification & eligibility status.

31

NSSSA · School Detail

Deep view: participation, compliance, contacts, membership.

32

NSSSA · Meets & Sanctions

Sanction request review with requirement checklist and approval.

33

NSSSA · Compliance

Clearances, eligibility flags, and audits across all schools.

34

NSSSA · Settings

Platform config: profile, season calendar, sanction rules.

35

Platform Admin · Overview

Global stats, plans, platform health, and operator alerts.

36

Platform Admin · Accounts

Every account on the platform with admin actions.

37

Platform Admin · Subscriptions

MRR, school plans, renewals, sponsors, failures.

38

Platform Admin · Settings

General config, feature flags, integrations, maintenance.

Static mockups for design review — Tailwind Play CDN + shared tokens in _assets/. Build source: docs/development-plan.md §8.