Football Game UI Kit, 100 Screens

PITCHLINE is a complete game UI kit for a modern football (soccer) simulation: 100 vector screens that cover the whole player journey, from the splash screen and press start to the end-of-season review.

The style is sleek broadcast-sport: deep teal-navy panels, hairline borders, condensed type and a teal-to-lime signature gradient, with clear home and away colors (teal vs coral) and gold, silver and bronze card tiers. Every screen follows the same grid and component logic, so you can use the whole flow or take single screens into your own project.

WHAT'S INSIDE

- 100 SVG screens, 1680×945 px (16:9), fully vector, scale cleanly to 4K

- 100 JPG previews (1280×720), one folder per section

- 5 overview sheets showing all screens at a glance

- Saira Condensed and Saira Semi Condensed font files (free, SIL Open Font License)

- README with specs and the 10-color palette (HEX tokens)

7 SECTIONS, ONE GAME FLOW

01 Boot & Home (10): splash, press start, favorite club, home hub, newsroom, play modes, kick-off team select, kits, match settings, controller sides

02 Match Day (20): pre-match loading, lineups, broadcast intro, gameplay HUD, free kick, penalty shootout, corner, goal banner, instant replay, VAR check, bookings, pause menu, substitutions, quick tactics, set-piece takers, half-time stats, full-time result, match facts, player ratings, heatmap and momentum

03 Club Legends, card club mode (25): hub, squad and formation, player card detail, formation select, inventory, transfer market search and results, buy now, selling, store packs, pack opening walkout, pack reveal, squad challenges, challenge squad builder, objectives, season pass, development paths, ranked divisions, weekend cup, draft, AI challenges, rewards, club and stadium customization, leaderboard

04 Manager Career (20): club select, manager creator, career hub, inbox, calendar, squad morale, training plan, drill result, scouting network, scout report, transfer targets, contract negotiation, finances, board objectives, youth academy, league table, fixtures, player of the month, press conference, season review

05 Player Career, Pro Clubs & Street (10): player creator, archetypes, skill tree, career hub, player-lock HUD, pro clubs lobby, drop-in, street 5s hub, street team select, street HUD

06 Online (7): online seasons, matchmaking, head-to-head, friends, co-op party, leaderboard, highlights library

07 Store & Settings (8): points store, bundle offer, purchase confirm, game, controls, camera, audio and commentary, accessibility

KEY FEATURES

- Live, editable text on every screen: rename, recolor, translate

- Vector player cards: gold, silver, bronze and special tiers, with editable ratings and stats

- Art slots: hatched dashed boxes (class "art-slot") mark where key art, player renders, kits and stadium shots go, each labeled with its exact pixel size

- Controller hints bar on every menu screen, easy to re-label for keyboard or another gamepad

- A full match day in 20 screens: HUD, set pieces, penalties, VAR, replays and post-match stats

- 10-token color system with home, away and card tiers built in

- All clubs, players, leagues and competitions are fictional, so there are no third-party brands to remove

GREAT FOR

Sports game UI/UX prototyping and pitches, indie and mobile football projects, fantasy football and manager apps, game jam builds, UI portfolio case studies, esports and streaming overlays, and mockups for trailers and key art.

GOOD TO KNOW

Files are SVG and open in Adobe Illustrator, Figma, Affinity Designer, Inkscape and other vector editors. Install the included fonts before opening. Artwork (key art, player renders, kits, stadiums, club crests) is not included; the art slots show you where it goes. This is a design asset, not game code.