Media & Entertainment · Stadium Night
Sports App UI Design Template
Kickoff is a live-scores sports app design with a charged Stadium Night look, built for founders and designers shipping a football or multi-sport product.
Preview
Explore the screens
Preview the sports mobile app design, fully editable in Sleek.
About the Sports App
Kickoff is a sports app UI design template built around a "Stadium Night" look: a deep midnight-navy canvas, off-white broadcast type, and graphite cards that get their depth from electric-green glows rather than borders. A bold condensed sans gives team names and scorelines real sports-broadcast energy, while a pulsing green LIVE pill and oversized scores flanked by team crests make every live match feel like a stadium lower-third under the lights.
The template ships six connected screens that form a complete fan flow: a Home hub with a live-scores strip, my-teams fixtures and top stories; a Match detail with a giant scoreline, a glowing event timeline and possession stat bars; a Standings table with positions, form dots and points; a Sports News feed with photo story cards and timestamps; a Following screen for tracked teams and leagues; and a Profile with notification and favorite-team settings.
Use it in Sleek and make it your own: restyle the green accent, edit any screen with AI by describing the change, and add the flows your product needs. Then export to code, copy into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
What's inside
Screens included
Home
A greeting header with notification and search icons, a live-scores card showing the Lions vs Eagles match at 74' with possession, a My Teams fixture list, quick filter chips for Live Hub and Highlights, and a Top Stories shelf. The fan's daily entry point.
Match detail
An oversized 2:1 scoreline flanked by both team crests under a pulsing green LIVE 78' pill, with Timeline, Stats, Lineups and H2H tabs and a glowing match-events feed of goals and cards. The broadcast-style centerpiece.
Standings
A sticky league table for Champions League Group A with positions, played, goal difference and points, plus a Recent Form section with colored result dots and a qualification/relegation legend. Quick league context at a glance.
Sports News
A search bar with For You, Transfer Hub and Analysis tabs, a breaking-news hero card with night-match photography, and a Trending Now list with read times. Keeps fans current between matches.
Following
A search field over My Teams cards with crests and follow checkmarks, a My Leagues grid, and a Discover More section with one-tap Follow buttons. Where fans curate what they track.
Profile
A glowing avatar with editable photo, followed and predictions counts, a Preferences group for live notifications, favorite teams and app settings, plus a Support section. Personal controls and stats in one place.
Design & features
Key features
- Stadium Night aesthetic: midnight navy, off-white type, electric pitch green
- Graphite match cards with green glows instead of borders
- Pulsing green LIVE pill and oversized broadcast scorelines
- In-match event timeline with glowing goal and card nodes
- Segmented possession and shots stat bars
- Sticky standings table with form dots and points
- Bold condensed sans for team names and scores
- Flat tab bar with a green active state
Audience
Who it's for
Use cases
What you can build
- Launch an MVP for a live-scores or football app
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent sports UI off to developers
- Explore a redesign of an existing fan or scores app
How to use this template
- 1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
- 2
Use this template
Open your own fully editable copy in Sleek with one click.
- 3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
- 4
Export and ship
Export your design or hand it to developers, and keep building toward launch.
Frequently asked questions
Related mobile app templates
Start designing your sports app
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI, and export to code or Figma.
Use this template